JavaScript 中，类的概念在 ES6 中被引入。而在 ES7 中，JS 引入了更多有关类方面的功能。
类的概念是面向对象编程中的基础。ES6 中的类是基于原型的，并提供了一种更具可读性和结构性的编写方式。ES7 则对这一概念做出了一些增强。
定义类的方法
ES7 中可以使用 class 声明一个类。这里的类有三种属性：类名、构造方法和与类相关的方法和属性。构造方法用来创建一个类实例，而与类相关的方法和属性则与类实例相关。
下面是一个基本的使用 class 声明类的示例代码：
-- -------------------- ---- -------
----- --- -
------------------ -
---------- - ------
-
------- -
------------------ --- ----------------
-
-
----- ----- - --- -----------
-------------- -- ----- --- ---在上面的代码中，我们定义了一个名为 Car 的类。构造方法接受一个 brand 参数，并使用它来创建一个 Car 实例。start 方法是一个类相关的方法，它用来启动一辆汽车。
实例属性
ES7 引入了一个新的概念：实例属性。这些属性指的是类实例的属性，而不是类的属性。它们必须使用实例化对象的方式定义，而不能在类上定义。
下面的代码展示了如何使用实例属性：
-- -------------------- ---- -------
----- --- -
------
------------------ -
---------- - ------
-
------- -
------------------ --- ----------------
-
-
----- ----- - --- -----------
------------------------- -- ---在上面的代码中，我们使用了一个 brand 实例属性。它在类定义中被声明，但在构造函数中没有被赋值。相反，我们在创建 Car 实例时给它传递了值。因此，在实例化对象时，我们可以访问并设置它。
静态属性
ES7 还引入了另一种属性：静态属性。它们是类的属性，不是类实例的属性。与实例属性相反，它们只能在类定义中声明，不能在类实例上访问或设置。
下面是一个使用静态属性的基本示例：
-- -------------------- ---- -------
----- --- -
------ ----- - --------
------
------------------ -
---------- - ------
-
------- -
------------------ ------------- --- ----------------
-
-
----- ----- - --- -----------
------------------------- -- ---------
----------------------- -- -------在上面的代码中，我们使用了一个 color 静态属性。在类定义中，我们可以直接访问该属性，并使用类名来访问它。
私有变量
在 ES7 中，我们可以使用 # 来定义私有属性和方法。这样，它们只能在类内部访问。这使得我们可以更好地封装类，并保护其中的数据和方法。
下面是一个私有属性的示例代码：
-- -------------------- ---- -------
----- --- -
-------
------------------ -
----------- - ------
-
------- -
------------------ --- -----------------
-
-
----- ----- - --- -----------
-------------------------- -- ------------ ------- ----- -------- ---- -- -------- -- -- --------- -----在上面的代码中，我们使用了一个 #brand 私有属性。当我们尝试在类外部访问它时，我们会收到一个语法错误。
多重继承
有时，我们可以从多个类中继承方法和属性。ES7 允许我们使用 Mixin 类来实现多重继承。
下面是一个使用多重继承的示例：
-- -------------------- ---- -------
----- --- -
------- -
---------------- --------
-
-
----- ------ -
----- -
------------------- ------
-
-
----- -------- ------- ---------- ------- --
----- ----- - --- -----------
-------------- -- --- -----
------------ -- ------ ---在上面的代码中，我们定义了两个类：Car 和 Person。然后，我们使用 Mixin 函数来创建 HumanCar 类。HumanCar 继承了 Car 和 Person 中的方法和属性。注意，Mixin 函数接受多个类作为参数，并返回一个新类。
总结
随着 ES7 的推出，JavaScript 中的类又增加了许多有用的功能。这些功能包括实例属性、静态属性、私有属性和多重继承。使用这些功能可以帮助我们更好地组织并保护我们的代码。
-- -------------------- ---- -------
----- -------- ------- ---------- ------- --
-------- ---------------- ----------- -
------ ----- ------- --------- -
-------------------- -
---------------
--------------------- ---------
-
--
-来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6482e2e648841e989423fcee