本文实例讲述了es6中class类静态方法，静态属性，实例属性，实例方法。分享给大家供大家参考，具体如下：
es6新增了一种定义对象实例的方法，使用class关键字定义类，与class相关的知识点也逐步火热起来，但是部分理解起来相对抽象，简单对class相关的知识点进行总结，更好的使用class。对于基本概念，请参见阮一峰老师的es6入门教程。本文主要总结class静态相关。
关于类有两个概念，1，类自身,；2，类的实例对象
总的来说：静态的是指向类自身，而不是指向实例对象，主要是归属不同，这是静态属性的核心。
难点1：静态方法的理解
class Foo {
static classMet
在ES6中，`class` 关键字引入了一种新的对象表示方式，使得JavaScript的面向对象编程更加清晰和简洁。本文将深入探讨`class` 类中的静态方法、静态属性、实例属性和实例方法，帮助开发者更好地理解和应用这些概念。
### 静态方法
静态方法是绑定到类本身而不是类的实例上的方法。它们通过`static` 关键字定义，如：
```javascript
class Foo {
static classMethod() {
return 'hello';
}
}
```
静态方法的使用方式是直接通过类来调用，例如 `Foo.classMethod()`。静态方法不会被类的实例继承，因此不能通过 `new Foo().classMethod()` 调用。此外，静态方法中的 `this` 指向类本身，而不是类的实例，这意味着在静态方法内无法访问实例属性或调用实例方法。
### 静态属性
静态属性是属于类自身的属性，而不是类的实例。与静态方法类似，静态属性的定义目前有两种方式：
1. 直接在类的外部为类添加属性，如：
```javascript
class MyClass {}
MyClass.myStaticProp = 42;
```
2. 使用提案中的语法，在类定义内部使用 `static` 关键字，但这尚未成为标准：
```javascript
class MyClass {
static myStaticProp = 42;
}
```
静态属性的主要区别在于它们不是由`new` 操作符创建的每个实例所共享的，而是直接与类关联。要访问静态属性，可以使用类名，例如 `MyClass.myStaticProp`。
### 实例属性
实例属性是属于类的每个实例的属性。它们可以通过两种方式定义：
1. 在类定义内部直接赋值，如：
```javascript
class MyClass {
myProp = 42;
constructor() {
console.log(this.myProp); // 42
}
}
```
2. 在构造函数内部赋值，尤其是在React组件中常见：
```javascript
class ReactCounter extends React.Component {
constructor(props) {
super(props);
this.state = { count: 0 };
}
}
// 或者
class ReactCounter extends React.Component {
state = { count: 0 };
}
```
实例属性是每个类实例独有的，可以通过 `new MyClass().myProp` 来访问。
### 实例方法
实例方法是定义在类的实例上的方法，可以通过 `new` 操作符创建的实例来调用。它们在类的定义内部定义，如：
```javascript
class MyClass {
instanceMethod() {
return 'instance method';
}
}
```
实例方法可以通过 `new MyClass().instanceMethod()` 访问，并且其中的 `this` 指向调用该方法的实例。
### 继承与`super`
在ES6的`class` 语法中，子类可以继承父类的静态方法和实例方法。`super` 关键字用于在子类中调用父类的构造函数和方法。例如：
```javascript
class Parent {
static parentMethod() {
// ...
}
parentInstanceMethod() {
// ...
}
}
class Child extends Parent {
static childMethod() {
super.parentMethod();
}
childInstanceMethod() {
super.parentInstanceMethod();
}
}
```
在子类中，`super` 可以用来调用父类的静态方法（`Child.childMethod()`）和实例方法（`new Child().childInstanceMethod()`）。
通过理解这些核心概念，开发者能够更有效地利用ES6的`class` 语法构建面向对象的JavaScript程序。在实际开发中，正确地使用静态方法、静态属性、实例属性和实例方法可以提高代码的组织性和可维护性。
