在 JavaScript 中，class 是一种用于创建对象的特殊函数。它是 ECMAScript 6 新增的语言特性之一，并提供了更加清晰和简洁的面向对象编程方式。本文将深入介绍 class 关键字，包括它的语法、使用方法以及与传统构造函数的差异。
语法
class 关键字的基本语法如下：
class MyClass {
constructor() {}
method1() {}
method2() {}
}其中，MyClass 表示类名，constructor 是类的构造函数，method1 和 method2 是类的方法。构造函数用于初始化类的实例属性，而方法则定义了类的行为。
使用方法
在定义类后，可以使用 new 关键字来创建类的实例。例如：
const myInstance = new MyClass();
在创建实例时，会自动调用类的构造函数。如果没有定义构造函数，则会使用默认的构造函数。
类还支持继承。例如：
class MySubClass extends MyClass {
constructor() {
super();
}
}这里 MySubClass 继承了 MyClass 的所有属性和方法。子类的构造函数必须调用父类的构造函数，否则会导致错误。
与传统构造函数的差异
在 ES5 中，通常使用构造函数来创建对象。类和构造函数的主要区别如下：
- 类定义的方法是可枚举的，而构造函数定义的方法是不可枚举的。
- 类支持继承，而构造函数则需要手动实现继承。
- 类不能被调用或者实例化之前被“hoisted”（变量提升），而构造函数可以。
示例代码
下面是一个使用 class 关键字创建类的示例：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
--------------------- - - ----- - ---------
-
-
----- --- ------- ------ -
------- -
--------------------- - - ---------
-
-
--- --- - --- -----------
------------ -- -- ---- -------在这个例子中，Animal 是一个基础类，Dog 继承了它的属性和方法。当创建 Dog 的实例时，它会调用 Dog 的构造函数，并继承了 Animal 中的属性 name。调用 dog.speak() 方法时，会输出 "Rex barks."。
总结
class 关键字提供了一种更加清晰和简洁的面向对象编程方式。它支持继承、方法定义等常见的面向对象特性，并且与传统构造函数相比具有更多优点。在开发 JavaScript 应用程序时，推荐使用 class 关键字来定义对象。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28922