Javascript 设计模式 - 02 - 单例模式

简介

单例就是保证一个类只有一个实例，实现的方法一般是先判断实例是否存在，如果存在直接返回，如果不存在就创建了再返回，确保了一个类只有一个实例对象，在JavaScript里，单例作为一个命名空间提供者，从全局命名空间里提供一个唯一的访问点来访问该对象

作用和注意事项

作用

• 模块间通信
• 在系统中某个类的对象只能存在一个
• 保护自己的属性和方法，创建一个命名空间，防止不同的人命名变量的冲突

注意事项

• 注意 this 的使用
• 闭包容易造成内存泄漏，不需要的要清理
• 注意 new 的成本
• 当超过一个县线程想要获取相同资源的时候，竞争就会出现，单例模式很容易受到竞争的影响，因此如果实例一开始没有被初始化，两个现象可能就会创建两个对象而不是返回实例，因此在开发者在多线程中实现单例时，必须要保证同步

类比： 如果有十个人在办公室，并且他们都需要用一台打印机，十台电脑共享了打印机（实例）通过共享了一个打印机，他们分享了相同的资源

个人理解

开创一个命名空间，对象实例创建在命名空间中，用一个变量来标志当前是否已经为某个类创建过对象，如果是，则在下次获取该实例的时候，直接返回之前创建的对象

代码

    var student = (function (){        var myBook;        function Book(name) {            this.name = name;        }        function buyBook(book) {            // ...            return new Book(book);        }        return {            reading: function (book) {                if (!myBook) {                    myBook = buyBook(book);                    return 'Im going to read a book named' + myBook.name;                }                return 'I have been reading a book named' + myBook.name;            }        }    }())    var teacher = {        check: function (book) {            var results = student.reading(book);            console.log(results);        }    }    // 两次调用，只创建了一次    teacher.check('book-001'); // Im going to read a book namedbook-001    teacher.check('book-002'); // I have been reading a book namedbook-001

通过代理实现单例

将负责管理单例的逻辑，抽取到代理类中，这样原来的类就还是一个普通的类，需要的时候与代理的部分组合起来就是一个单例模式

    var CreateDiv = function (html) {        this.html = html;        this.init();    }    CreateDiv.prototype.init = function () {        var div = document.createElement('div');        div.innerHTML = this.html;        document.body.appendChild(div);    }    // 引入代理类    var ProxySingleton = (function () {        var instance;        return function (html) {            if (!instance) {                instance = new CreateDiv(html);            }            return instance;        }    }())    var a = new ProxySingleton('xxx');    var b = new ProxySingleton('yyy');    console.log(a === b); //true

惰性单例

惰性单利是指只有在需要的时候才创建对象实例

    // 封装获取单例函数    var getSingle = function (fn) {        var result;        return function () {            return result || (result = fn.apply(this, arguments));        }    }    // 避免事件重复绑定    var bindEvent = getSingle(function () {        console.log('bind click'); // 只有第一次执行        document.getElementsByClassName('btn')[0].onclick = function () {            alert('box is click');        }        return true;    })    bindEvent();    bindEvent();    bindEvent();    

文章列表

1. javascript设计模式 – 设计原则
2. JavaScript设计模式–高阶函数
3. Javascript 设计模式 - 01 - 原型模式
4. Javascript 设计模式 - 02 - 单例模式
5. Javascript 设计模式 - 03 - 建造者模式
6. Javascript 设计模式 - 04 - 工厂模式
7. Javascript 设计模式 - 05 - 外观模式
8. Javascript 设计模式 - 06 - 代理模式
9. Javascript 设计模式 - 07 - 观察者模式（发布订阅模式）
10. Javascript 设计模式 - 08 - 策略模式
11. Javascript 设计模式 - 09 - 命令模式
12. Javascript 设计模式 - 10 - 迭代器模式
13. Javascript 设计模式 - 11 - 职责链模式
14. Javascript 设计模式 - 12 - 适配器模式
15. Javascript 设计模式 - 13 - 模板方法
16. Javascript 设计模式 - 14 - 组合模式
17. Javascript 设计模式 - 15 - 享元模式
18. Javascript 设计模式 - 16 - 中介者模式
19. Javascript 设计模式 - 17 - 装饰者模式
20. Javascript 设计模式 - 18 - 状态模式