JavaScript之单例实战

1、概述

所谓单例模式，顾名思义即一个类只有一个实例。

因此，当咱们建立一个实例时，就必须判断其是否已经存在了这个实例，若是已经存在了这个实例，那么就返回这个已经存在的实例，无需再建立一个（单例模式嘛，核心就是一个类只有一个 实例）；若是不存在，就建立这个实例咯。

好了，单例模式的核心思想以及建立流程大体搞清楚了，那么咱们就开始看看，在Javascript的世界中，具体该怎么实现呢？

2、实战一

核心思路：利用Javascript的做用域，造成闭包，从而能够建立私有变量（假设咱们将这个私有变量取名为instance），而后将建立的实例赋予这个私有变量instance就ok了。每当想建立这个类的实例时，先判断instance是否已经引用了存在的实例，若是没有引用，即这个类没有被建立实例，so建立一个实例，而后将其赋予给instance；若是instance已经引用，即已存在了该类的实例，so无需再建立，直接使用这个instance就ok了。

第一步：执行匿名函数，防止命名空间污染。在匿名函数中，首先定义个上述提到的私有变量instance以及一个类。这个类，我假设它有名字(name)和年龄(age)两个属性字段以及一个输出他们名字的方(displayInfo)哈。

'use strict'
var singletonAccepter =(function(){
    //默认将instance赋予null
    var instance = null;
    //类：SupposeClass
    function SupposeClass( args ){
        var args = args || {};
        this.name = args.name || 'Monkey';
        this.age = args.age || 24;
    };
    SupposeClass.prototype = {
        constructor: SupposeClass,
        displayInfo: function(){
            console.log('name: ' + this.name + '   age: ' + this.age);
        }
    };
})();

第二步：利用return + 对象字面量，将咱们想，向外暴露的东东，往外抛。

以下：

return {
    //类的名字
    name: 'SupposeClass',
    //建立类的实例方法
    getInstance: function( args ){
        //利用私有变量instance实现单例模式
        if( instance === null ){
            instance = new SupposeClass( args );
        }
        return instance;
    }
};

最后，合并第一步第二步的代码就造成了一个单例模式啦。

以下：

'use strict'
var singletonAccepter =(function(){
    //默认将instance赋予null
    var instance = null;
    //类：SupposeClass
    function SupposeClass( args ){
        var args = args || {};
        this.name = args.name || 'Monkey';
        this.age = args.age || 24;
    };
    SupposeClass.prototype = {
        constructor: SupposeClass,
        displayInfo: function(){
            console.log('name: ' + this.name + '   age: ' + this.age);
        }
    };
    return {
        //类的名字
        name: 'SupposeClass',
        //建立类的实例方法
        getInstance: function( args ){
            //利用私有变量instance实现单例模式
            if( instance === null ){
                instance = new SupposeClass( args );
            }
            return instance;
        }
    };
})();

接下来，咱们检验一下写的这个单例模式。在上述代码中，在类SupposeClass中加入console.log，若是只建立了它的一个实例，那么就只会打印一个日志哦。
修改代码以下：

'use strict'
var singletonAccepter =(function(){
    var instance = null;
    function SupposeClass( args ){
        var args = args || {};
        this.name = args.name || 'Monkey';
        this.age = args.age || 24;
        //检验单例模式
        console.log('this is created!');
    };
    SupposeClass.prototype = {
        constructor: SupposeClass,
        displayInfo: function(){
            console.log('name: ' + this.name + '   age: ' + this.age);
        }
    };
    return {
        name: 'SupposeClass',
        getInstance: function( args ){
            if( instance === null ){
                instance = new SupposeClass( args );
            }
            return instance;
        }
    };
})();

调用两次getInstance方法，看看打印几条记录

singletonAccepter.getInstance();
singletonAccepter.getInstance();

执行代码，打开chrome截图以下：

鉴定完毕，只被实例一次。

3、实战二

思路：利用属性来判断是否已存在实例。
什么意思？
在Javascript的世界里，类(function)不也是对象嘛，so对其赋予一个属性instance，用来引用建立的实例，经过判断instance是否已引用建立的实例就OK咯。

以下：

function singletonAccepter( args ){
    //判断Universe.instance是否已存在实例
    if(typeof singletonAccepter.instance === 'object'){
        return singletonAccepter.instance;
    }
    this.name = args.name || 'Monkey';
    this.age = args.age || 24;
    singletonAccepter.instance = this;
};
singletonAccepter.prototype = {
    constructor: singletonAccepter,
    displayInfo: function(){
        console.log('name: ' + this.name + '   age: ' + this.age);
    }
};

4、实战三

在Javascript的世界里，this是引用的对象。
还记得JavaScript是怎么经过new建立对象的么？
new:
　　一、建立一个新的对象，这个对象的类型时object;
　　二、将这个对象的__proto__隐指针指向原型prototype;
　　三、执行构造函数，当this被说起的时候，表明新建立的对象;
　　四、返回新建立的对象。
　　注：假若在最后return了，那么return的是基本类型，例如3，则无效；不然是引用类型，则返回这个引用类型。

注意第3点了么？

当new后，this表明新建立的对象。so，咱们能够利用闭包，在类中声明一个变量instance来引用建立的实例。而后再重写类，就OK啦。

以下：

function singletonAccepter( args ){
    var instance = null;
    var args = args || {};
    this.name = args.name || 'Monkey';
    this.age = args.age || 24;
    //将instance引用建立的实例this
    instance = this;
    //重写构造函数
    singletonAccepter = function(){
        return instance;
    }
};
singletonAccepter.prototype = {
    constructor: singletonAccepter,
    displayInfo: function(){
        console.log('name: ' + this.name + '   age: ' + this.age);
    }
};