【 Javascript 设 计 模 式 1】 -单 例 模 式 《 parctical common lisp》 的 作 者 曾 说 ， 如 果 你 需 要 一 种 模 式 ， 那 一 定 是 哪 里出 了 问 题 。 他 所 说 的 问 题 是 指 因 为 语 言 的 天 生 缺 陷 ， 不 得 不 去 寻 求 和 总 结 一 种 通用 的 解 决 方 案 。 不 管 是 弱 类 型 或 强 类 型 ， 静 态 或 动 态 语 言 ， 命 令 式 或 说 明 式 语 言 、 每 种 语 言 都 有天 生 的 优 缺 点 。 一 个 牙 买 加 运 动 员 ， 在 短 跑 甚 至 拳 击 方 面 有 一 些 优 势 ， 在 练 瑜伽 上 就 欠 缺 一 些 。 术 士 和 暗 影 牧 师 很 容 易 成 为 一 个 出 色 的 辅 助 ，而 一 个 背 着 梅 肯 满 地 图 飞 的 敌 法 就会 略 显 尴 尬 。 换 到程序中, 静 态 语 言 里 可能需 要 花很 多功夫来实现装饰者 ， 而js 由于能随时往对象上 面 扔方 法 ， 以至 于装饰者 模 式 在 js 里 成 了 鸡肋。 讲javascript 设 计 模 式 的 书还比较少. Pro javaScript Design Patterns.是 比较经典的 一 本， 但是 它里 面 的 例 子举得 比较啰嗦， 所 以结 合我在 工作 中写过的 代码， 把我的 理解 总 结 一 下。 如 果 我的 理解 出 现了 偏差， 请不 吝指 正。 一 单 例 模 式 单 例 模 式 的 定 义是 产生 一 个 类 的 唯一 实例 ， 但js 本身是 一 种 “无类 ”语 言 。 很多讲js 设 计 模 式 的 文章把{}当成 一 个 单 例 来使用 也勉强 说 得 通 。因 为 js 生 成 对象的 方 式 有 很 多种 ， 我们来看下另一 种 更有 意义的 单 例 。 有 这样一 个 常见的 需 求 ， 点 击 某个 按钮的 时候需 要 在 页面 弹出 一 个 遮罩层。 比如web.qq.com 点 击 登录的 时候. 这个 生 成 灰色 背 景遮罩层的 代码是 很 好写的 . 问题是, 这个遮罩层是全局唯一的, 那么每次调用 createMask 都会创建一个新的 div, 虽然可以在隐藏遮罩层的把它 remove 掉. 但显然这样做不合理. 再看下第二种方案, 在页面的一开始就创建好这个div. 然后用一个变量引用它....
