学习JavaScript设计模式之单例模式

一、定义
保证一个类仅有一个实例，并提供一个访问它的全局访问点。 当单击登陆按钮，页面中出现一个登陆浮窗，这个登陆浮窗是唯一的，无论单击多少次登陆按钮，这个浮窗都只会被创建一次，那么这个登陆浮窗就适合用单例模式来创建。
二、实现原理
要实现单例并不复杂，使用一个变量来标志当前是否已经为某个类创建过对象，如果是，则在下一次获取该类的实例时，直接返回之前创建的对象。
三、假单例
全局变量不是单例模式，但在JavaScript开发中，我们经常会把全局变量当成单例来使用。


var a = {};



降低全局变量带来的命名污染 （1）使用命名空间


var namespace1 = {
a: function(){},
b: 2
}


（2）使用闭包封装私有变量


var user = (function() {
var _name = 'lee',
_age = '25';
return {
getUserInfo: function() {
return _name + ":" + _age;
}
};
})();


四、惰性单例：在需要的时候才能创建对象实例


var getSingle = function(fn) {
var result;
return function() {
return result || (result = fn.apply(this, arguments));
};
};

// 测试
function testSingle(){}
getSingle(testSingle)() === getSingle(testSingle)(); // true



五、补充：
（1）懒加载


var lazyload = function() {
console.log(1);
lazyload = function() {
console.log(2);
}
return lazyload();
}

lazyload();


（2）预加载


var preload = (function() {
console.log(1);
preload = function() {
console.log(2);
};
return preload;
})();

preload();


希望本文所述对大家学习javascript程序设计有所帮助。


有用  |  无用 取消

猜你喜欢