在 ES6 中，引入了 class 关键字，使得 JavaScript 的面向对象编程更加直观和易于理解。本文将详细介绍 class 关键字的使用方法，包括类的定义、实例化、继承、静态方法等，同时提供示例代码，帮助读者更好地理解和掌握。
类的定义
在 ES6 中，使用 class 关键字来定义一个类，类名通常采用大写字母开头的驼峰命名法。类中可以定义构造函数、属性和方法。
-- -------------------- ---- -------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
---------- -
------------------- -- ---- -- ------------- --- ----------- ----- -------
-
-上面的代码中，定义了一个名为 Person 的类，它有两个属性 name 和 age，以及一个方法 sayHello。构造函数用来初始化对象的属性，当使用 new 关键字创建对象时，会自动调用构造函数。
实例化
使用 new 关键字来实例化一个类，并传入构造函数所需的参数。
const person = new Person('Tom', 20);
person.sayHello(); // Hello, my name is Tom, I'm 20 years old.继承
ES6 中的类支持继承，使用 extends 关键字来实现继承。在子类的构造函数中，需要先调用 super() 方法来调用父类的构造函数。
-- -------------------- ---- -------
----- ------- ------- ------ -
----------------- ---- ------ -
----------- -----
---------- - ------
-
------- -
------------------------- -- -------- -- ----- -----------------
-
-上面的代码中，定义了一个名为 Student 的子类，它继承了 Person 类的属性和方法，并新增了一个 grade 属性和一个 study 方法。
静态方法
使用 static 关键字来定义一个静态方法，静态方法可以直接通过类名调用，不需要实例化对象。
class Utils {
static add(a, b) {
return a + b;
}
}上面的代码中，定义了一个名为 Utils 的类，它有一个静态方法 add，用来计算两个数的和。
console.log(Utils.add(1, 2)); // 3
总结
通过本文的介绍，我们了解了 ES6 中 class 关键字的使用方法，包括类的定义、实例化、继承、静态方法等。面向对象编程是 JavaScript 中非常重要的一部分，掌握 class 关键字的使用方法对于我们编写高质量的代码非常有帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/653c4bcc7d4982a6eb67a0ad