阅读 2247

JS 中的设计模式了解一下?

更多文章参见: github.com/elevenbeans…

前言

本系列可以看作是我个人对于 Addy Osmani 的著作《Learning JavaScript Design Patterns》中内容的提炼,类似阅读笔记,目的是为了简单快速、又不失全面地了解设计模式的相关概念、特点、分类及其在 Javascript 中的实际用法。

分为五篇,基本上涵盖了绝大部分设计模式类型。如果想深入了解,推荐原著。

  1. 概述(本篇)
  2. 创建型
  3. 结构型
  4. 行为型设计模式
  5. MV*

基本概念

设计模式是一种可用于解决软件设计中问题的可复用的解决方案。

主要特点

  • 是在没有显而易见的方案(语言本身的 feature 或其运行环境提供的 API)下的一种间接解决问题的方案
  • 能解决实际问题,可复用
  • 是经过多方验证的,描述与实际作用一致的
  • 可以抽象为一种关系的描述,富有表达力

一些经典的设计模式类别

1. 创建型设计模式

  • Constructor(构造器) 模式
  • Factory(工厂) 模式
  • Abstract(抽象) 模式
  • Prototype(原型) 模式
  • Singleton(单例) 模式
  • Builder(生成器) 模式

2. 结构型设计模式

  • Decorator(装饰者) 模式
  • Facade(外观) 模式
  • Flyweight(享元) 模式
  • Adapter(适配器) 模式
  • Proxy(代理) 模式

3. 行为设计模式

  • Iterator(迭代器) 模式
  • Mediator(中介着) 模式
  • Observer(观察者) 模式
  • Visitor(访问者) 模式

JavaScript 中一些反模式的例子

  • 大量的全局变量,对于全局命名空间的污染
  • 对于 setTimeout()``setInterval() 传递字符串,引发eval()的使用
  • 修改原生 Object 对象的原型
  • Inline JavaScript
  • 滥用 document.write

持续关注请 Star and Watch This github repo, 谢谢 :)