单例模式与构造器模式-Toy模板网

这篇具有很好参考价值的文章主要介绍了单例模式与构造器模式。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

单例模式

1、是什么

单例模式（Singleton Pattern）：创建型模式，提供了一种创建对象的最佳方式，这种模式涉及到一个单一的类，该类负责创建自己的对象，同时确保只有单个对象被创建

在应用程序运行期间，单例模式只会在全局作用域下创建一次实例对象，让所有需要调用的地方都共享这一单例对象。

从定义上来看，全局变量好像就是单例模式，但是一般情况我们不认为全局变量是一个单例模式，原因是：

全局命名污染
不易维护，容易被重写覆盖

实现

实现模块之间的独立划分「但是也可以实现模块之间方法的相互调用」


// 程序员A开发的-模块A
var AModule = (function () {
    var data = [];

    function bindHTML() {
        // ...
    }

    function change() {
        // ...
    }

    return {
        change: change
    };
})();

// 程序员B开发的-模块B
var BModule = (function () {
    var data = [];

    function bindHTML() {
        // ...
    }

    AModule.change();

    return {
        bindHTML: bindHTML
    };
})();

构造器模式

单例模式会先执行一个自定义函数，形成闭包。如果不想每次执行都修改同一个变量，引入类和实例的概念。

希望执行的方法是一个，但是有单独的私有容器，每一次修改的是自己独有的容器

面向对象：类和实例。
类：可以创建出很多不同的实例，每一个实例与每一个实例之间会存在私有的属性，也可以基于prototype实现出公共的属性方法。文章来源地址https://www.toymoban.com/news/detail-608656.html

// AModule:类「构造函数」
class AModule {
    constructor() {
        // this->每个类的实例
        this.arr = [];
    }
    // 原型上 公共的属性和方法
    change(val) {
        this.arr.push(val);
        console.log(this.arr);
    }
}

let A1 = new AModule;
let A2 = new AModule;
console.log(A1, A2);
console.log(A1 === A2); //->false
console.log(A1.arr === A2.arr); //->false
console.log(A1.change === A2.change); //->true
A1.change(10);
A2.change(20);