随着 JavaScript 的发展，ECMAScript 语言规范也在不断地更新。ES6 标准带来了很多新特性，其中包括了 class 语法。在 ES8 中，class 语法得到了进一步的完善和优化，成为了一种更加灵活和易于使用的面向对象编程语法。
ES8 class 语法简介
ES8 中的 class 语法与 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 的类，它有一个构造函数和一个 sayHello 方法。通过 new 关键字可以创建一个 Person 类型的对象，例如：
let p = new Person("Tom", 20);
p.sayHello(); // "Hello, my name is Tom, and I am 20 years old."类定义中的构造函数可以初始化类属性，例如上面的例子中的 name 和 age 属性。类属性也可以直接在类定义中初始化，例如：
// javascriptcn.com 代码示例
class Person {
name = "";
age = 0;
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.`);
}
}这个例子中，name 和 age 属性被初始化为空字符串和 0，然后在构造函数中被赋值。
需要注意的是，在类定义中直接初始化类属性时，初始化式中不能使用 this 关键字。
继承
ES8 class 语法支持继承。一个类可以通过 extends 关键字继承另一个类，并可以重写父类的方法。例如：
// javascriptcn.com 代码示例
class Student extends Person {
grade = "";
constructor(name, age, grade) {
super(name, age);
this.grade = grade;
}
sayHello() {
console.log(`Hello, my name is ${this.name}, and I am ${this.age} years old. I am at grade ${this.grade}.`);
}
}这个例子中，类 Student 继承自类 Person，它增加了一个 grade 属性，并重写了父类的 sayHello 方法。
需要注意的是，在类定义中通过 extends 关键字继承另一个类时，必须在构造函数中通过 super 调用父类的构造函数，才能初始化父类中的属性。
静态方法和属性
ES8 class 语法支持在类中定义静态方法和属性。静态方法和属性不属于类实例，而是属于类本身，在类实例化之前就可以使用。可以通过 static 关键字来定义静态方法和属性。
例如：
// javascriptcn.com 代码示例
class Geometry {
static PI = 3.141592654;
static getCircumference(diameter) {
return diameter * Geometry.PI;
}
}
console.log(Geometry.CIRCUMFERENCE); // undefined
console.log(Geometry.getCircumference(10)); // 31.41592654这个例子中，我们定义了一个 Geometry 类，它有一个静态属性 PI 和一个静态方法 getCircumference，getCircumference 方法可以根据直径计算圆的周长。
需要注意的是，在类定义中通过 static 关键字定义静态方法和属性时，不能在方法体中使用 this，因为 this 指向的是类本身，而不是类的实例。
getters 和 setters
ES8 class 语法支持使用 getters 和 setters 来访问和修改类属性。getters 和 setters 分别对应类属性的读取和设置操作，它们都是方法，并可以通过 get 和 set 关键字定义。
例如：
// javascriptcn.com 代码示例
class Car {
_speed = 0;
get speed() {
return this._speed;
}
set speed(value) {
if (value >= 0) {
this._speed = value;
}
}
}
let car = new Car();
console.log(car.speed); // 0
car.speed = 50;
console.log(car.speed); // 50
car.speed = -20;
console.log(car.speed); // 50这个例子中，我们定义了一个 Car 类，它有一个属性 _speed 和两个方法 speed 的 getter 和 setter。在 setter 方法中，我们增加了一个条件判断，确保速度值不会小于 0。
需要注意的是，在类定义中通过 get 和 set 关键字定义 getter 和 setter 方法时，方法名称不能和类属性名称相同，否则会造成栈溢出。
总结
ES8 class 语法是一种更加灵活和易于使用的面向对象编程语法，在开发中可以大大简化代码，提高开发效率，并使得代码更加易于理解和维护。本文对 ES8 class 语法进行了详细的介绍和说明，包括类定义、继承、静态方法和属性、getters 和 setters 等内容。希望读者可以通过本文深入了解并掌握 ES8 class 语法，并在实践中灵活运用，提高自己的编程能力。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6537900c7d4982a6eb01e3b2