设计模式是在软件开发中经过实践综合而来的一些可重用方案，可以提高代码的可读性、可维护性和可扩展性。JavaScript 也有许多常见的设计模式，其中最流行的是模块模式和显示模块模式。
模块模式
在 JavaScript 中，每个文件都是一个模块，可以使用自执行函数（IIFE）将变量和函数封装到私有作用域中，以避免全局命名冲突。这就是模块模式的基本思想，它具有以下优点：
- 可以隐藏内部实现细节，仅公开必要的接口；
- 可以避免全局命名冲突，提高代码可维护性；
- 可以方便地创建单例对象。
下面是一个简单的示例代码，演示了如何使用模块模式创建一个单例对象：
----- --------- - ----------- -
--- ---------
-------- ---------------- -
----- ------ - --- --------- -- --- -----------
------ -------
-
------ -
------------ ---------- -
-- ----------- -
-------- - -----------------
-
------ ---------
-
--
-----
----- --------- - ------------------------
----- --------- - ------------------------
--------------------- --- ----------- -- ----上面的代码创建了一个名为 Singleton 的单例对象，使用了闭包和立即执行函数来创建私有作用域。getInstance 方法检查是否已经创建了实例，如果没有则创建。getInstance 方法始终返回相同的实例。
显示模块模式
显式模块模式是在模块模式的基础上进行扩展，它将公开的接口明确地列出，以便更清晰地阐述模块的功能和用法。这种方式可以提高代码的可读性和可维护性，并且还可以帮助其他开发人员更好地理解你的代码。
下面是一个简单的示例代码，演示了如何使用显式模块模式创建一个可复用的模块：
----- -------- - ----------- -
--- --------------- - -- -- - ------- ----------
-------- --------------- -
-------------- -- - ------- ---------
-
------ -
--------------- -- -- - ------ ----------
------------- ---------- -
-------------- -- - ------ ---------
--
-------------------- ---------- -
----------------
-----------------------------
-
--
-----
------------------------------------- -- -- -- - ------ ---------
------------------------ -- -- -- - ------ -------
------------------------------- -- -- -- - ------- ------- -- -- - ------- ---------上面的代码创建了一个名为 myModule 的模块，其中包含一个私有变量 privateVariable 和一个私有方法 privateMethod，以及两个公开方法 publicMethod 和 anotherPublicMethod。另外，在返回对象的时候，可以直接列出公开的变量和方法，这样代码更加简洁。
区别与选择
模块模式和显式模块模式都是很常见的设计模式，它们有以下区别：
- 模块模式不需要明确列出公开的变量和方法，而显式模块模式需要；
- 显式模块模式更加清晰和可读，因为公开的变量和方法都被明确地列出；
- 显式模块模式可以帮助其他开发人员更好地理解你的代码。
当你需要创建一个简单的单例对象时，使用模块模式就足够了。如果你需要创建一个复杂的模块，并且需要更好的可读
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/15725