什么是 JavaScript 单例模式？
在编程中，单例模式是一种设计模式，它能够确保一个类只有一个实例，并且提供了一个访问该实例的全局点。在 JavaScript 中，单例模式可以用于创建全局变量、全局状态管理器、全局配置等。
传统的 JavaScript 单例模式实现方式
在传统的 JavaScript 中，实现单例模式的方式通常是通过闭包来实现的。举个例子，我们可以这样实现一个全局状态管理器：
-- -------------------- ---- -------
--- ------------ - ----------- -
--- ----- - ---
-------- ---------- -
------ ------
-
-------- ------------------ -
----- - ---------
-
------ -
--------- ---------
--------- --------
--
-----这里我们使用了一个立即执行函数来创建一个闭包，使得 state 变量只能在函数内部访问。通过返回一个对象来暴露 getState 和 setState 方法，我们可以在其他地方访问和修改 state 变量，从而实现全局状态管理器的功能。
虽然这种方式可以实现单例模式，但是它并不符合 JavaScript 的面向对象编程风格，而且也不够直观。在 ES6 引入类的概念之后，我们可以使用类来更好地实现单例模式。
使用类来实现 JavaScript 单例模式
在 ES6 中，我们可以使用类来定义一个单例模式。举个例子，我们可以这样定义一个全局状态管理器：
-- -------------------- ---- -------
----- ------------ -
------------- -
-- ------- --------------------- --- --------- -
------ ----------------------
-
---------- - ---
--------------------- - -----
------ -----
-
---------- -
------ -----------
-
------------------ -
---------- - ---------
-
-这里我们使用了类的构造函数来实现单例模式。在构造函数中，我们首先检查 StateManager 类是否已经有一个实例，如果有，就返回该实例；否则，我们就创建一个新的实例，并将其保存在类的静态属性 instance 中。这样，我们就可以通过 new StateManager() 来创建一个全局状态管理器，并且无论我们创建多少个实例，它们都是同一个实例。
虽然这种方式已经可以很好地实现单例模式，但是它还有一个问题：我们可以直接访问和修改类的静态属性 instance，从而破坏单例模式的约束。为了解决这个问题，我们可以使用 ES7 中的 Object.defineProperty() 方法来定义类的静态属性。
使用 Object.defineProperty() 方法来定义类的静态属性
在 ES7 中，我们可以使用 Object.defineProperty() 方法来定义类的静态属性，从而防止对该属性的直接访问和修改。举个例子，我们可以这样定义一个全局状态管理器：
-- -------------------- ---- -------
----- ------------ -
------------- -
-- ------- --------------------- --- --------- -
------ ----------------------
-
---------- - ---
--------------------- - -----
------ -----
-
---------- -
------ -----------
-
------------------ -
---------- - ---------
-
-
----------------------------------- ----------- -
--------- ------
------------- -----
---这里我们使用 Object.defineProperty() 方法来定义 StateManager 类的静态属性 instance。通过设置 writable 和 configurable 属性为 false，我们就可以防止对该属性的直接访问和修改，从而保证了单例模式的约束。
总结
通过使用 ES7 中的 Object.defineProperty() 方法，我们可以更好地实现 JavaScript 单例模式。这种方式不仅符合 JavaScript 的面向对象编程风格，而且也更加直观和易于理解。如果你需要创建全局变量、全局状态管理器、全局配置等，不妨尝试一下这种方式。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65827d8cd2f5e1655dd9963b