返回

ES(6-11)全版本语法 (六):Class的基本语法和继承

前端

1. Class的基本语法

Class是ES6中引入的一个新特性,它可以让我们用更简洁、更面向对象的方式来编写JavaScript代码。Class的基本语法如下:

class ClassName {
  constructor() {
    // 构造函数
  }

  method() {
    // 方法
  }

  static staticMethod() {
    // 静态方法
  }
}

2. 构造函数

构造函数是在创建类的新实例时被调用的特殊方法。它用于初始化实例的属性和方法。构造函数的名称必须与类的名称相同,并且必须使用constructor来声明。

3. 方法

方法是类中的函数。它可以被类实例调用。方法的定义和调用与普通函数类似,但有一个例外:方法不能使用var关键字来声明。

4. 静态方法

静态方法是属于类的,而不是类实例的。它们不能被类实例调用,只能被类本身调用。静态方法的定义和调用与普通函数类似,但有一个例外:静态方法必须使用static关键字来声明。

5. 实例属性

实例属性是属于类实例的。它们可以在类实例中被访问和修改。实例属性的声明和使用与普通变量类似,但有一个例外:实例属性必须使用this关键字来引用。

6. 静态属性

静态属性是属于类的,而不是类实例的。它们不能在类实例中被访问和修改,只能在类本身中被访问和修改。静态属性的声明和使用与普通变量类似,但有一个例外:静态属性必须使用static关键字来声明。

7. 访问器属性

访问器属性允许我们以一种更灵活的方式来定义属性。访问器属性由一个getter和一个setter组成。getter用于获取属性的值,setter用于设置属性的值。

8. 私有方法和私有属性

私有方法和私有属性是ES6中引入的另一个新特性。它们可以让我们将方法和属性隐藏在类内部,从而防止它们被外部访问。私有方法和私有属性的声明和使用与普通方法和属性类似,但有一个例外:私有方法和私有属性必须使用#符号来声明。

9. 继承

继承是ES6中引入的另一个新特性。它允许我们创建一个新类,该类从另一个类继承属性和方法。继承的语法如下:

class ChildClass extends ParentClass {
  // 构造函数
}

10. 总结

Class是ES6中引入的一个新特性,它可以让我们用更简洁、更面向对象的方式来编写JavaScript代码。Class的基本语法包括:构造函数、方法、静态方法、实例属性、静态属性、访问器属性、私有方法和私有属性。Class还可以实现继承。