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