前端面试题目整理——设计模式_前端设计模式面试题

作用

JavaScript设计模式的作用 - 提高代码的重用性，可读性，使代码更容易的维护和扩展。

目录

1. 单例模式
2. 工厂模式
3. 抽象工厂模式
4. 策略模式
5. 模板方法模式
6. 职责链模式
7. 发布订阅者模式
8. 桥接模式
9. 适配器模式
10. 代理模式

正文

• 单例模式

确保一个类仅有一个实例，并提供一个访问它的全局访问点。一般我们是这样实现单例的，用一个变量来标志当前的类已经创建过对象，如果下次获取当前类的实例时，直接返回之前创建的对象即可

单例模式下对象只会实例化一次，我们可以利用闭包，当该对象已经存在的时候，直接返回该对象，否则重新创建

var singleton = function( fn ){
    var result;
    return function(){
        return result || ( result = fn .apply( this, arguments ) );
    }
}
var createMask = singleton( function(){
return document.body.appendChild( document.createElement('div') );
 })
1
2
3
4
5
6
7
8
9

http://www.alloyteam.com/2012/10/common-javascript-design-patterns/

• 工厂模式

提供一个创建一系列相关或相互依赖对象的接口，而无需指定他们具体的类。
工厂就是把成员对象的创建工作转交给一个外部对象，好处在于消除对象之间的耦合(何为耦合？就是相互影响)。通过使用工厂方法而不是new关键字及具体类，可以把所有实例化的代码都集中在一个位置&#x