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

最新推荐文章于 2025-11-14 14:29:00 发布

原创

最新推荐文章于 2025-11-14 14:29:00 发布 · 5k 阅读

37 ·

CC 4.0 BY-SA版权

文章标签：

#设计模式 #javascript

这篇博客主要介绍了JavaScript中的设计模式，包括单例模式、工厂模式、抽象工厂模式、策略模式、模板方法模式、职责链模式、发布订阅者模式、桥接模式、适配器模式和代理模式，阐述了它们的作用、实现方式和应用场景。

作用

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

正文

单例模式

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

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

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') );
 })

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

工厂模式

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