单例模式是一种常见的设计模式，它的目的是确保一个类只有一个实例，并提供一个全局访问点。在前端开发中，单例模式常用于创建全局唯一的对象，比如应用配置、日志记录器等。本文将详细介绍在 TypeScript 中实现单例模式的正确姿势，并提供示例代码。
传统的单例模式实现方式
在传统的 JavaScript 中，实现单例模式的方式比较简单，可以使用闭包来封装类的实例，并提供一个全局访问点。示例如下：
-- -------------------- ---- -------
----- --------- - --------- -- -
--- ---------
-------- ---------------- -
----- ------ - --- -------- ----- ----------- ---
------ -------
-
------ -
------------ -------- -- -
-- ----------- -
-------- - -----------------
-
------ ---------
--
--
-----
----- --------- - ------------------------
----- --------- - ------------------------
--------------------- --- ----------- -- ----上述代码中，Singleton 是一个立即执行函数，它返回一个包含 getInstance 方法的对象。getInstance 方法首先判断实例是否已经存在，如果不存在则调用 createInstance 方法创建一个新实例，并将其赋值给 instance 变量。最后，getInstance 方法返回 instance 变量。
这种实现方式的缺点在于无法避免直接调用构造函数来创建新实例，因此需要通过闭包来封装实例，从而确保只有一个实例存在。
TypeScript 中的单例模式实现方式
在 TypeScript 中，可以使用类来实现单例模式。由于 TypeScript 支持私有构造函数和静态成员，因此可以通过以下方式来实现单例模式：
-- -------------------- ---- -------
----- --------- -
------- ------ --------- ----------
------- ------------- --
------ ------ -------------- --------- -
-- --------------------- -
------------------ - --- ------------
-
------ -------------------
-
-
----- --------- - ------------------------
----- --------- - ------------------------
--------------------- --- ----------- -- ----上述代码中，Singleton 类的构造函数是私有的，因此无法通过 new 运算符来直接创建实例。同时，instance 静态成员保存了唯一的实例。getInstance 方法首先判断实例是否已经存在，如果不存在则调用私有构造函数创建一个新实例，并将其赋值给 instance 静态成员。最后，getInstance 方法返回 instance 静态成员。
这种实现方式的优点在于可以避免直接调用构造函数来创建新实例，同时也可以在类的内部封装实例，从而确保只有一个实例存在。此外，由于 TypeScript 支持类型检查和 IDE 提示，因此代码的可读性和可维护性也更好。
使用单例模式的注意事项
在使用单例模式时，需要注意以下几点：
单例模式会增加代码的复杂度和耦合度，因此应该仅在必要时使用。
单例模式可能会导致全局状态的存在，从而增加代码的难以理解性和可维护性。因此，应该尽量避免在单例中保存全局状态。
单例模式可能会影响代码的测试性，因此应该尽量避免在单例中进行复杂的逻辑处理。
结论
在 TypeScript 中实现单例模式的正确姿势是使用类来封装实例，并通过私有构造函数和静态成员来确保只有一个实例存在。使用单例模式时需要注意代码的复杂度、全局状态和测试性等问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674143e6d40a3cb159ea0df6