在 ES6 中，我们可以使用 Class 来定义一个面向对象的类，但是在 Class 中，我们无法像传统的函数式编程那样直接在 Class 实例中初始化属性，而是需要在构造函数中进行初始化。这样的写法虽然可以实现属性的初始化，但是在多个实例的情况下，每个实例都会拥有一个独立的属性，这就会导致数据重复的问题。
在 ES8 中，我们可以使用新的语法糖来解决这个问题，同时还可以实现数据共享，提高代码的可读性和效率。
实例属性初始化
在 ES8 中，我们可以使用 # 符号来定义一个实例私有的属性。这个属性只能在 Class 内部访问，外部无法访问。
----- ------ -
----- - ---
----------------- -
---------- - -----
-
--------- -
------ -----------
-
-
----- ------- - --- --------------
------------------------------- -- ------
--------------------------- -- -----------在上面的代码中，我们使用 #name 定义了一个私有属性，并在构造函数中进行初始化。在 getName 方法中，我们可以直接访问私有属性。
数据共享
在 ES8 中，我们可以使用 static 关键字来定义一个静态属性，这个属性会被所有实例共享。
----- ------ -
------ ------ - --
----- - ---
----------------- -
---------- - -----
----------------
-
--------- -
------ -----------
-
------ ---------- -
------ --------------
-
-
----- ------- - --- --------------
----- ------- - --- ----------------
------------------------------- -- ------
------------------------------- -- --------
------------------------------- -- ----在上面的代码中，我们使用 static 关键字定义了一个静态属性 #count，并在构造函数中对其进行了自增操作。在 getCount 方法中，我们可以直接访问静态属性。
总结
ES8 中的 Class 中的实例属性初始化及数据共享解决方案，可以很好地解决在 Class 中属性初始化和数据共享的问题。使用这种方式，不仅可以提高代码的可读性和效率，还可以更好地实现面向对象的编程。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6610c641d10417a22216bed3