JavaScript 设计模式有哪些

JavaScript设计模式具有组织代码、提高代码复用性和降低组件间耦合的作用，常见的设计模式包括单例模式、工厂模式、构造器模式、模块模式、观察者模式、原型模式、命令模式、装饰者模式、策略模式等。其中，单例模式因其确保一个类仅有一个实例并提供全局访问点而被广泛使用，旨在控制对象的数量，避免因多个实例造成资源浪费。

我将详细描述单例模式的使用并解释为什么它在Javascript中特别有用。在前端开发中，单例模式经常被用来管理全局状态、避免重复实例化服务或组件。例如，一个用于前后端数据交互的API服务对象如果多次实例化，可能会导致内存溢出或状态不一致。实现单例通常需要延迟实例化对象，并确保任何时候调用都返回同一个实例。

一、单例模式

单例模式是一种确保一个类有且只有一个实例，并提供一个全局访问点来访问这个实例的设计模式。在JavaScript中，单例可以用一个立即执行函数来创建。

创建单例

要创建一个单例，通常我们会使用一个变量来判断实例是否已经创建，如果没有，我们在第一次调用时创建它。后续对该单例的任何访问都会返回第一次创建的实例。

var Singleton = (function () {
    var instance;
    function createInstance() {
        var object = new Object("I am the instance");
        return object;
    }
    return {
        getInstance: function () {
            if (!instance) {
                instance = createInstance();
            }
            return instance;
        }
    };
})();
var instance1 = Singleton.getInstance();
var instance2 = Singleton.getInstance();
console.log(instance1 === instance2); // true

在这个例子中，无论我们调用多少次Singleton.getInstance()，它都只会创建一个实例，并且后续返回的都是这个实例。

二、工厂模式

工厂模式是一种创建对象的设计模式，它不会明确要求使用者使用一个精确的类来创建对象，而是使用一个工厂或者其他逻辑来决定如何创建对象。

工厂方法设计

工厂方法通过定义一个创建对象的接口，但由子类决定要实例化的类是哪一个。它让类的实例化推迟到子类中进行。

function Creator() {}
Creator.prototype.createPerson = function (name, age, occupation) {
    var person = {};
    person.name = name;
    person.age = age;
    person.occupation = occupation;
    return person;
};
var factory = new Creator();
var person1 = factory.createPerson("John", 28, "Developer");
var person2 = factory.createPerson("Jane", 24, "Designer");
console.log(person1.name); // John
console.log(person2.name); // Jane

利用工厂模式的优势

此方法的优势在于：如果创建对象的过程非常复杂，那么将这个逻辑放置于工厂中可以避免代码重复，并增加代码复用性。

三、构造器模式

构造器模式或者构造函数模式是一种在面向对象的编程中用来创建特定类型的对象的方法。它为对象提供了类的蓝图。

构造器实现

在JavaScript中，通常使用new关键字来调用构造函数并创建新的对象实例。

function Car(model, year, miles) {
    this.model = model;
    this.year = year;
    this.miles = miles;
    this.toString = function () {
        return this.model + " has done " + this.miles + " miles";
    };
}
var civic = new Car("Honda Civic", 2009, 20000);
var mondeo = new Car("Ford Mondeo", 2010, 5000);
console.log(civic.toString()); // Honda Civic has done 20000 miles
console.log(mondeo.toString()); // Ford Mondeo has done 5000 miles

优化构造器模式

为了提高效率，常常把那些在每个对象实例中都相同的功能移动到构造函数的原型中，以此来减少内存的使用。

function Car(model, year, miles) {
    this.model = model;
    this.year = year;
    this.miles = miles;
}
Car.prototype.toString = function () {
    return this.model + " has done " + this.miles + " miles";
};

四、模块模式

模块模式是在软件工程中的一种设计模式，用于进一步模拟类的概念，使得我们可以拥有公共的可见性和私有的可见性。这种模式是基于闭包的概念。

模块的创建

模块模式在创建私有变量和私有方法时非常有用，并且还可以提供公共方法作为接口。

var testModule = (function () {
    var counter = 0;
    return {
        incrementCounter: function () {
            return ++counter;
        },
        resetCounter: function () {
            console.log("counter value prior to reset: " + counter);
            counter = 0;
        }
    };
})();
// Usage:
testModule.incrementCounter();
testModule.resetCounter();