什么是模式?
- 可复用的解决方案
- 已经被验证的解决方案
- 最好的设计模式通常会间接提供解决问题的方案
三类设计模式
通常将设计模式分为三类,分别是:
一 、创建型设计模式
二 、创建型设计模式
三、行为设计模式
下面我们分别对这三类设计模式进行介绍。
一 、创建型设计模式
基于创建对象的概念。创建对象的基本方法会导致项目复杂性的增加,而这类设计模式旨在通过控制创建过程来解决这种问题。
二 、创建型设计模式
基于构建对象块的想法。这类模式有助于确保在系统某一部分发生变化时,系统的整个结构不需要同时改变。
三、行为设计模式
基于对象在一起配合工作的方式。专注于改善或简化系统中不同对象之间的通信。
常见设计模式
Constructor (构造器) 模式
在javascript中几乎所有东西都是对象,我们通常感兴趣的是object构造器。
带原型的构造器可以在同类对象之间共享单一实例。
Module (模块) 模式
- 模块化,可重用
- 封装了变量和function,和全局的namaspace不接触,松耦合
- 只暴露可用public的方法,其它私有方法全部隐藏
对象字面量
在对象字面量表示法中,一个对象被描述为一组包含在大括号({})中、以逗号分隔的name/value对。对象内的名称可以是字符串或标识符,后面跟着一个冒号。对象中最后的一个name/value对的后面不用加逗号,如果加逗号将会导致出错。
在JavaScript中,可以通过类的实例化来创建对象,也可以使用 对象字面量 直接创建对象。使用对象字面量来创建对象更快更简洁。
模块模式使用对象字面量作为一个作用域函数的返回值。
私有
模块模式使用闭包封装“私有”状态和组织。通过该模式,只需返回一个共有API,而其他的一切则都维持在私有闭包里。
Revealing Module (揭示模块) 模式
在私有范围内简单定义所有的函数和变量,并返回一个匿名对象,它拥有指向私有函数的指针。
Singleton(单例)模式
实例不存在的情况下,可以通过一个方法创建一个类来实现创建类的新实例;如果实例已经存在,它会简单返回该对象的引用。一个类只有一个对象实例,并提供一个访问它的全局访问点。
如何保证一个类只有一个实例并且这个实例易于被访问呢?定义一个全局变量可以确保对象随时都可以被访问,但不能防止我们实例化多个对象。一个更好的解决办法是让类自身负责保存它的唯一实例。这个类可以保证没有其他实例被创建,并且它可以提供一个访问该实例的方法。这就是单例模式的模式动机。
显然单例模式的要点有三个:一是某个类只能有一个实例;二是它必须自行创建这个实例;三是它必须自行向整个系统提供这个实例。
从具体实现角度来说,就是以下三点:一是单例模式的类只提供私有的构造函数,二是类定义中含有一个该类的静态私有对象,三是该类提供了一个静态的公有的函数用于创建或获取它本身的静态私有对象。
闭包变量实际上并不是闭包,而提供闭包的函数作用域是闭包。
Observer(观察者)模式
MVC模式
Model (模型)
Model管理应用程序的数据,不涉及用户界面,不涉及表示层,主要和业务数据有关。当model改变时,它通常会通知它的观察者(view)。一个model可以有多个view。
View (视图)
视图是模型的可视化表示,表示当前状态的筛选视图。一个view通常检测一个model,并在model更新时进行通知,使view本身能够进行相应的更新。
模板本身并不是视图。视图是一个用来检测model并保持可视化表示更新的对象。模板可能是一种指定部分或甚至所有视图对象的声明方式,这样它就可以从模板规范中生成。
Controller(控制器)
控制器是模型和视图之间的中介,当用户操作视图时,它通常负责更新model。
控制器在MVC中起到一个视图策略模式简易化的角色。负责管理view与model之间的逻辑与协调。
MVVM模式
Model (模型)
表示特定领域数据的典型示例可能是一个用户账户或一个音乐带。模型里保存着信息,但是通常不处理行为。它们不会格式化信息或影响数据,数据格式化是由view来处理的,而行为被认为是业务逻辑,应该被封装在与model交互的另一层中:viewmodel。
View (视图)
主动view,包含数据绑定、事件和行为。view不负责处理状态,它仅仅是让状态与viewmodel保持同步
ViewModel(控制器)
充当数据转化器,将model信息转变为view,将命令从view传递到model。
view与viewmodel之间通过数据绑定和事件进行通信。viewmodel不只暴露model属性,还会访问其他方法和验证类的特性。view处理自己用户界面的事件,必要时将它们映射到viewmodel。model和viewmodel上的属性通过双向数据绑定进行同步和更新。
其他小知识点
类的概念:Javascript是一种无类语言,但可以使用函数来模拟类。