学习JavaScript设计模式之单例模式
编程学习 2021-07-04 21:04www.dzhlxh.cn编程入门
这篇文章主要为大家介绍了JavaScript设计模式中的单例模式，对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程序设计有所帮助。