ES9 是 ECMAScript 标准的第九个版本，是 JavaScript 语言的一个重要更新版本，其中一个最重要的改变就是类的语法得到了改进和扩展。本文将介绍 ES9 中类的用法和扩展，帮助前端开发者更好地掌握类的概念和使用。
类基础
类是 JavaScript 中的一种重要数据类型，用于描述具有相似特点和行为的一类对象。类的声明使用 class 关键字，后跟类名和一对大括号 {}。类名遵循同样的命名规则和变量名一样，以字母、数字、下划线组成，不能以数字开头。
-- -------------------- ---- -------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
---------- -
------------------- -- ---- -- ------------- --- ----------- ----- -------
-
-上面是一个简单的类 Person 的声明。类中的属性和方法都可以使用 this 关键字来访问当前实例对象的属性和方法。类中最重要的方法是 constructor 方法，用于实例化对象时初始化数据。类中其他的方法只是定义了对象的行为和功能。
类的使用和普通对象差不多，可以使用 new 关键字实例化一个新的对象。实例化一个对象时，会自动调用 constructor 方法进行初始化操作。
let p = new Person('John', 25);
p.sayHello(); // Hello, my name is John, I'm 25 years old.类的扩展
ES9 中扩展了类的用法，其中包括三个重要的扩展：类的私有变量、静态方法和异步方法。
类的私有变量
ES9 中引入了新的语法，允许在类中定义私有变量和方法。私有变量和方法只能在类的内部使用，外部无法访问。它们的声明使用 # 符号，例如：
-- -------------------- ---- -------
----- ------ -
--- - --------------
--------- - ----------
----------------- -
--------- - -----
-
---------- -
------------------- -- ---- -- ------------- - ----- ---------------------
-
--- ---- -
------ ---------
-
-上面的代码中，私有变量 #id 和 #language 在类的内部使用，并使用方法 get id() 获取私有变量 #id。使用 # 符号声明私有变量和方法时，它们只能在类内部使用，外部无法访问，从而保证了代码的安全性和私密性。
静态方法
静态方法是类方法的一种类型，只能通过类名来调用，不能通过实例对象调用。声明静态方法使用 static 关键字，例如：
class Person {
static sayHi(name) {
console.log(`Hello, ${name}!`);
}
}上面的代码中，定义了一个静态方法 sayHi()，用于输出问候语。该方法使用 static 关键字声明，表示它是一个静态方法。静态方法只能通过类名 Person 来调用，例如：
Person.sayHi('John'); // Hello, John!在开发中，静态方法常用于一些工具函数或常量定义，例如数学库 Math 中的常量 Math.PI 就是一个静态常量。
异步方法
异步方法是 ES9 中新增的一种扩展，允许类中定义异步方法，使得类的开发更加灵活和自由。异步方法的声明方式同普通方法一样，只需要在方法前加上 async 关键字，例如：
class Person {
async fetchData() {
let data = await fetch('https://jsonplaceholder.typicode.com/todos/1');
return data.json();
}
}上面的代码中，定义了一个异步方法 fetchData()，用于获取远程数据。它的实现是通过 fetch() 方法来获取数据，并使用 await 等待数据返回，然后再使用 json() 方法进行转换成对象。异步方法在使用时，也需要使用 await 关键字来等待方法执行完成，并获取方法的返回值。
let p = new Person(); p.fetchData().then(data => console.log(data));
上面的代码中，首先实例化了一个 Person 类的对象，并调用 fetchData() 方法来获取远程数据。使用 then() 方法来处理异步请求的结果，并将结果打印到控制台上。
总结
本文介绍了 ES9 中类的基本用法和三种扩展：私有变量、静态方法和异步方法。类是 JavaScript 中非常重要的数据类型，它提供了一种面向对象的编程方式，并通过类的方法和属性来描述对象的行为和功能。扩展的私有变量、静态方法和异步方法，使得类的使用更加灵活和自由，能够满足不同场景下的需求。开发过程中，可以根据实际需要，选择合适的类方法和属性来实现代码的需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6472ee3a968c7c53b0078ce3