JavaScript 是一门基于对象的语言。ES6 提供了 Class 和对象的新特性，它们提升了 JavaScript 对象的语义，并且让开发者在编写面向对象代码时具有更高的可读性和可维护性。本文深入探讨 ES6 中的 Class 和对象，重点关注以下内容：
- Class 的定义
- 对象的创建
- 使用 Class 建立对象
- 静态方法和实例方法
- 继承与 super
- 总结
1. Class 的定义
ES6 中通过 class 关键字来定义 Class。和传统的函数声明不同，Class 声明是通过类名来标识。下面是一个简单的 Class 定义的例子：
-- -------------------- ---- -------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
------- -
------------------- - -- ------------ --- - -- ----------- ----- -------
-
-在本例中，我们定义了一个名为 Person 的 Class，它有一个构造函数 constructor，并有一个实例方法 hello。构造函数用于实例化对象，hello 方法则用于向客户端输出问候语。
2. 对象的创建
我们可以使用 new 关键字来实例化一个对象。下面是实例化 Person 对象的例子：
const bob = new Person("Bob", 34);在本例中，我们使用 new 关键字和 Person 类型实例化了一个名为 bob 的对象。我们将 "Bob" 和 "34" 分别传入了构造函数，以初始化 Person 类的名称和年龄属性。
3. 使用 Class 建立对象
我们可以使用构造函数来增加 Class 对象的属性。下面的例子展示了如何使用 constructor 函数来增加属性 gender：
-- -------------------- ---- -------
----- ------ -
----------------- ---- ------- -
--------- - -----
-------- - ----
----------- - -------
-
------- -
------------------- - -- ------------ --- - -- ----------- ----- -------
-
-
----- --- - --- ------------- --- --------在本例中，我们使用 constructor 函数增加了一个 gender 属性并将其值传入。我们也创建了一个新的 Bob 对象，以便我们可以使用 gender 属性的值。
4. 静态方法和实例方法
Class 有两种类型的方法：静态方法和实例方法。静态方法从 Class 中的构造函数访问，而实例方法从 Class 生成的对象上访问。静态方法通常用于在实例化之前构造对象或将函数放在 Class 中，以便类中的任何对象都可以访问该函数。
下面的例子展示了如何定义和使用静态方法和实例方法：
-- -------------------- ---- -------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
------- -
------------------- - -- ------------ --- - -- ----------- ----- -------
-
------ ---------- -
------------------- - -- - ------ ----------
-
-
----- ---- - --- -------------- ----
-------------
------------------在本例中，我们定义了一个静态方法 sayHello 和一个实例方法 hello。我们通过 john 对象调用了 hello 方法，并通过 Person 类型调用了 sayHello 方法。
5. 继承与 super
继承允许我们创建具有继承关系的 Class。在 JavaScript 中，Class 继承是基于原型继承的。在父 Class 中定义的任何方法或属性都可以从子 Class 中访问。我们可以通过 extends 关键字来实现继承。下面的例子展示了如何通过继承从 Person 类型中创建一个新的 Teacher 类型：
-- -------------------- ---- -------
----- ------- ------- ------ -
----------------- ---- -------- -
----------- -----
------------ - --------
-
------- -
------------------------- -- -------- -------------------
-
-
----- ----- - --- ---------------- --- --------
--------------
--------------在本例中，我们定义了一个 Teacher 类型，它继承自 Person 类型。我们使用 super 关键字来调用父类的构造函数，并将 name 和 age 参数传递给父类。然后我们添加了一个新的 subject 属性和一个 teach 方法。
6. 总结
ES6 的 Class 和对象的新特性为 JavaScript 对象提供了强有力的语义，进一步提升了面向对象编程的可读性和可维护性。在本篇文章中，我们深入探讨了 Class 和对象，重点关注了静态方法、实例方法、继承和 super 等关键概念，并提供了示例代码，帮助开发者更好地理解和应用这些概念。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649e926448841e9894b17bcb