单例模式

之前我们学习构造函数的时候，经常会出现一个类，但是这些实例往往只是认为限制的，就是我们不需要多个实例

我们可以限制必须只能有一个实例，如果第二次创建的时候，我们可以抛出错误或者返回第一次的实例

比如下面的伪代码

function Person(name,age){
this.name = name;
this.age = age;
}
var xiaoming = new Person(‘小明’,17); // 小明
var xiaohong = new Person(‘小红’,15); // 小红

 

 

最简单的单例模式就是设置一个属性（变量），这个属性标记着当前是已经被实例化过了

  <script>
        function Person(name, age) {
        this.name = name;
        this.age = age;
        this.instance = null;
        if (this.instance) {
            return this.instance;
        }
        return this.instance = this;
    }
        var xiaoming = new Person('小明',17); // 小明
        var xiaohong = new Person('小红',15); // 小红
        console.log(xiaoming)
        console.log(xiaohong)
    </script>

 

 

 

上面的代码是一个错误的代码，因为标记不能是类的属性，因为类的属性是全新的，每一次你在new的时候都会创建一个新的属性，所以不可能实现单例状态

 

下面的代码是一个简单例模式的实现机制，就是利用IIFE执行一次的机制实现的

  <script>
          var Person = (function() {
            var instance = null;
            return function(name, age) {
                this.name = name;
                this.age = age;
                if (instance) {
                    return instance;
                }
                return instance = this;
            }
        })();
        Person.prototype.sayHello = function() {
            console.log(this.name)
        };
        var xiaoming = new Person("小明", 12);
        var xiaohong = new Person("小红", 13)
        console.log(xiaoming)
        console.log(xiaohong)
        console.log(xiaoming == xiaohong)
        xiaohong.sayHello()
        xiaoming.sayHello()
    </script>

 

 

此时我们的本质不是想真正的改变单例模式，而是想实现单例的机制，利用某个构造函数，此时我们可以用代理类来实现单例模式

    <script>
        function Person(name, age) {
            this.name = name;
            this.age = age;
        }
        Person.prototype.sayHello = function() {
            console.log(this.name)
        };
        // 设置一个代理类，实现单例模式
        var PersonProxy = (function() {
            var instance = null;
            return function(name, age) {
                if (instance) {
                    return instance
                }
                return instance = new Person(name, age)
            }
        })()
        var xiaoming = new PersonProxy("小明", 12)
        var xiaohong = new PersonProxy("小红", 13);
        console.log(xiaoming)
        console.log(xiaohong)
    </script>