ES6 是 JavaScript 发展的一个重要里程碑，其中引入了类和实例的概念。本文将介绍 ES6 中类与实例的关系，以及如何在实际中应用它们。同时，我们将深入讨论类的继承、静态方法和访问器等高级特性。
类与实例
在 ES6 中，我们可以使用 class 关键字来定义类。类是对象的一种蓝本，通过它我们可以创建一个对象的实例。类通过 constructor 方法来定义一个对象的初始化行为，而方法则可以定义在类内部。
例如，我们可以定义一个名为 Person 的类来描述一个人。这个类主要包含一个构造函数，以及两个实例方法 greet() 和 sleep()。
-- -------------------- ---- -------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
------- -
------------------- -- ---- -- ----------------
-
------- -
------------------------- -- -------- -------
-
-
----- ---- - --- -------------- ----
-------------
-------------如上所示，我们首先定义了一个 Person 类，构造函数需要接收参数 name 和 age。然后我们在类中定义了两个实例方法 greet() 和 sleep()，它们分别用于打招呼和睡觉。最后我们创建了一个 john 实例，并调用了它的 greet() 和 sleep() 方法。
需要注意的是，我们创建实例时需要使用 new 关键字。这是因为在 JavaScript 中，没有 new 关键字创建的对象实际上只是一个普通的对象，而不是类的实例。
类的继承
ES6 中的类支持继承，我们可以从已有的类中派生出新的类。基本语法如下：
class ChildClass extends ParentClass {
constructor(...) {
super(...);
// 子类构造函数的其他行为
}
// 子类的其他方法
}其中，extends 关键字用于指定基类（即被继承的类），而子类通过 super() 方法调用基类的构造函数。子类中定义的其他方法则可以覆盖父类中的方法。
例如，我们可以从 Person 类中派生出一个名为 Student 的子类，此时我们需要为 Student 类重新定义 constructor 方法，并调用父类 Person 的构造函数。同时，我们需要为学生类增加一个新的实例方法 study()。
-- -------------------- ---- -------
----- ------- ------- ------ -
----------------- ---- ------ -
----------- -----
---------- - ------
-
------- -
------------------------- -- -------- --- ----- -----------------
-
-
----- ---- - --- --------------- --- ----
-------------
-------------如上所示，我们首先定义了一个 Student 类，该类继承自 Person 类。然后我们在 constructor 方法中调用了 super() 方法以初始化基类的数据。最后我们为学生类增加了一个新的方法 study()，用于描述学生的学习行为。
静态方法
在 ES6 中，我们还可以定义静态方法。静态方法是与类相连的函数，它们不需要通过对象实例来调用，而是通过类本身直接调用。定义静态方法的语法如下：
class MyClass {
static myStaticMethod() {
console.log('Hello from my static method!');
}
}在上面的例子中，我们定义了一个名为 myStaticMethod() 的静态方法，该方法可以通过 MyClass.myStaticMethod() 来调用。需要注意的是，静态方法只能在类本身上调用，而不能在类的实例上调用。
例如，我们可以在 Person 类中定义一个静态方法 isAdult()，用于判断一个人是否已经成年。我们可以利用 ES6 的模板字符串来简单地实现这个方法。
-- -------------------- ---- -------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
------- - -- --- -- -
------- - -- --- -- -
------ --------------- -
------ --------------- -- ------------ -- -- - -- - ---- ---- --------
-
-
----- ----- - --- --------------- ----
----------------------------------- -- ----- -- --- -- ------如上所示，我们定义了一个 isAdult() 静态方法，并通过传入对象（在这里是一个 Person 实例）来进行调用。
访问器
在 ES6 中，类还支持访问器。访问器是一种特殊类型的方法，它们能够控制属性的读取和赋值行为。访问器方法的名字应该是 get 和 set。当属性被读取时，调用 get 方法；当属性被设置时，调用 set 方法。
例如，我们可以在 Person 类中定义一个访问器，用于控制一个人的年龄是否合法。
-- -------------------- ---- -------
----- ------ -
----------------- ---- -
---------- - -----
--------- - ----
-
--- ------ -
------ -----------
-
--- -------- -
-- ---- -- - -- --- -- ---- -
--------- - ----
- ---- -
----- --- -------------- -------
-
-
------- - -- --- -- -
------- - -- --- -- -
------ --------------- - -- --- -- -
-
----- ---- - --- -------------- ----- -- -------- ------ ------- ----如上所示，在 Person 类中我们定义了一个访问器 age，它用于在年龄被设置时检查年龄的合法性。如果年龄不合法，我们将抛出一个错误。需要注意的是，在 constructor 中我们定义了 _name 和 _age，这个做法是为了避免访问器和实例方法中的变量名冲突。
总结
通过本文，我们可以了解到 ES6 中类和实例的概念，以及它们的基本语法。我们还深入讨论了类的继承、静态方法和访问器等高级特性。在实际应用中，类和实例被广泛应用于面向对象编程，能够大幅提升代码的可读性和可维护性。我们应该充分掌握 ES6 类的各种特性，并在实际项目中加以应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64771815968c7c53b03a89f7