JavaScript 是一种非常灵活的编程语言，可以用来编写前端和后端应用程序。然而，由于其基于原型的继承模型，JavaScript 在面向对象编程方面存在一些限制。为了解决这些限制，ES6 引入了类和继承的概念。ES7 进一步扩展了这些概念，增加了一些新的语法和特性，使得 JavaScript 更加面向对象。本文将介绍 ES7 中的新类语法和扩展，并提供示例代码和指导意义。
类的基本语法
ES7 中的类语法与 ES6 中的类语法类似。我们可以使用 class 关键字定义一个类，例如：
-- -------------------- ---- -------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
---------- -
------------------- -- ---- -- ------------ --- - -- ----------- ----- -------
-
-在上面的代码中，我们定义了一个 Person 类，它有两个属性 name 和 age，以及一个方法 sayHello()。注意，类中的方法不需要使用 function 关键字，而是直接定义。
我们可以使用 new 关键字创建一个类的实例，例如：
const person = new Person('John', 30);
person.sayHello(); // 输出 "Hello, my name is John and I am 30 years old."类的继承
ES7 中的类语法还支持继承。我们可以使用 extends 关键字来继承一个类，例如：
-- -------------------- ---- -------
----- -------- ------- ------ -
----------------- ---- ------- -
----------- -----
----------- - -------
-
---------- -
-----------------
--------------- ------ -- ------------------
-
-在上面的代码中，我们定义了一个 Employee 类，它继承自 Person 类，并添加了一个 salary 属性。我们还重写了 sayHello() 方法，首先调用父类的 sayHello() 方法，然后输出 salary 属性。
我们可以使用 new 关键字创建一个继承类的实例，例如：
const employee = new Employee('Mary', 25, 5000);
employee.sayHello(); // 输出 "Hello, my name is Mary and I am 25 years old. My salary is 5000."类的静态方法和属性
ES7 中的类语法还支持静态方法和属性。静态方法和属性是类的属性，而不是实例的属性。我们可以使用 static 关键字来定义静态方法和属性，例如：
class MathUtils {
static PI = 3.14;
static add(a, b) {
return a + b;
}
}在上面的代码中，我们定义了一个 MathUtils 类，它有一个静态属性 PI 和一个静态方法 add()。我们可以直接通过类名调用静态方法和属性，例如：
console.log(MathUtils.PI); // 输出 3.14 console.log(MathUtils.add(1, 2)); // 输出 3
类的实例属性初始化器
ES7 中的类语法还支持实例属性初始化器。这允许我们在类的构造函数之外初始化实例属性，例如：
-- -------------------- ---- -------
----- --- -
----- - ------
------------------ -
---------- - ------
-
------- -
-------------------- - ------------- -----------------
-
-在上面的代码中，我们定义了一个 Car 类，它有一个实例属性 color 和一个构造函数 constructor()。我们可以在类的定义中初始化实例属性，然后在构造函数中添加其他属性。我们可以使用 new 关键字创建一个类的实例，并调用其方法，例如：
const car = new Car('Tesla');
car.drive(); // 输出 "Driving a red Tesla."类的私有方法和属性
ES7 中的类语法还支持私有方法和属性。私有方法和属性只能在类的内部访问，而不能从外部访问。我们可以使用 # 符号来定义私有方法和属性，例如：
-- -------------------- ---- -------
----- ------- -
------ - --
------------ -
--------------
-
---------- -
------ ------------
-
----------- -
------------------
-
-在上面的代码中，我们定义了一个 Counter 类，它有一个私有属性 #count 和一个私有方法 #increment()。我们可以在类的内部访问这些私有属性和方法，但不能从外部访问。我们可以使用类的公共方法来访问私有属性和方法，例如：
const counter = new Counter(); counter.increment(); console.log(counter.getCount()); // 输出 1
总结
ES7 中的新类语法和扩展增加了许多有用的功能，使得 JavaScript 更加面向对象。我们可以使用类语法来定义类和继承，并使用静态方法和属性来处理类级别的操作。我们还可以使用实例属性初始化器来初始化实例属性，以及使用私有方法和属性来保护类的内部实现。这些功能使得 JavaScript 更加适合编写大型应用程序，并且可以更好地组织代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6572940fd2f5e1655db7cbb7