JS设计模式（单体模式）：简单单体，闭包单体，惰性单体，分支单体

最新推荐文章于 2020-10-20 10:03:07 发布

evebear2013

最新推荐文章于 2020-10-20 10:03:07 发布

阅读量326

点赞数

分类专栏： JS基础

本文链接：https://blog.csdn.net/evebear2013/article/details/80108769

版权

JS基础专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<title>JS设计模式（单体模式）</title>
<script type="text/javascript">

// 这个模式提供了一种将代码组织成一个逻辑单元的手段，这个逻辑单元中的代码可以通过单一的变量进行访问。通过确保单体对象只存在一份实例，你就可以去恶心自己的所有代码使用的都是同样的全局资源
/*
简单单体
闭包单体
惰性单体
分支单体
*/

/* // 1 简单单体模式
var Singleton = {
attr1: true,
attr2: 10,
method1: function() {
alert("我是方法一");
},
method2: function() {
alert("我是方法二");
}
};
alert(Singleton.attr2);

// 补充：划分命名空间（区分代码） Ext.Manager.attr1
var BHX = {};
BHX.Singleton = {
// 内部属性，方法
}
*/
/* // 2 闭包单体：借助闭包创建单体，闭包单体主要的目的：保护数据,控制输出的数据
// 命名空间
var BHX = {};
BHX.Singleton = (function() {
// 添加自己的私有成员
var a1 = true;
var a2 = 10;
var f1= function() {
alert("f1");
}
var f2 = function() {
alert("f2");
}
// 把块级作用域里的执行结果赋值给单体对象
return {
attr1: a1
};
})();
alert(BHX.Singleton.attr1);
*/
/* // 3 惰性单体：和闭包单体有些相似的地方，选择返回有用的属性和方法
var Ext = {};
Ext.Base = (function() {
// 私有变量，控制返回的单体对象
var uniqInstance;
// 私有成员变量
var a1 = 10;
var a2 = true;
var fn1 = function() {
alert("fn1");
}
var fn2 = function() {
alert("fn2");
}

// 需要一个构造器init初始化单体对象的方法
function init() {
return {
attr1: a1,
attr2: a2,
method1: function () {
return fn1();
},
method2: function () {
return fn2();
}
};
}

return {
getInstance: function() {
if(!uniqInstance) {
uniqInstance = init();
}
return uniqInstance;
}
};

})();

alert(Ext.Base.getInstance().attr1);
Ext.Base.getInstance().method1();*/

// 分支单体：判断程序的分支常用于浏览器的差异检测
var Ext = {};
var def = false;
Ext.More = (function() {
var objA = {
// 火狐浏览器内部的一些配置
attr1: 'FF属性1',
// 属性1
// 属性2
// 方法1
// 方法2
};
var objB = {
// IE浏览器内部的一些配置
attr1: 'IE属性1',
// 属性1
// 属性2
// 方法1
// 方法2
};
return (def)? objA:objB;
})();
alert(Ext.More.attr1);

</script>
</head>
<body>

</body>
</html>