js单例模式的两种方案
更新时间:2013年10月22日 15:58:14 作者:
这篇文章介绍了js单例模式的两种方案,有需要的朋友可以参考一下
方案一:利用闭包的两个作用,可以变通地读到内部的变量,二是可以让这些变量始终在内存中。
复制代码 代码如下:
//方案一
var SingletonTester = (function () {
//单例方法
function Singleton(args) {
var args = args || {};
this.name = 'SingletonTester'; //方法对外的属性,另外一种方式就是返回对象
this.pointX = args.pointX || 6;
this.pointY = args.pointY || 10;
}
//单例实例
var instance;
//返回对象
return {
name: 'SingletonTester',
getInstance: function (args) {
if (instance === undefined) {
instance = new Singleton(args);
}
return instance;
}
};
})(); //直接执行该方法
//测试
var test = SingletonTester.getInstance({ pointX: 5 });
console.log(test.pointX);
方案二:
复制代码 代码如下:
//方案二
function Universe() {
// 判断是否存在实例
if (typeof Universe.instance === 'object') {
return Universe.instance;
}
// 其它内容
this.start_time = 0;
this.bang = "Big";
// 缓存
Universe.instance = this;
// 隐式返回this
}
// 测试
var uni = new Universe();
var uni2 = new Universe();
console.log(uni === uni2); // true
相关文章
ant-design-pro 的EditableProTable表格验证调用的实现代码
这篇文章主要介绍了ant-design-pro 的EditableProTable表格验证调用,这里的需求是点击外部的保存要对整个表单进行验证,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下2022-06-06Bootstrap树形菜单插件TreeView.js使用方法详解
这篇文章主要为大家详细介绍了Bootstrap树形菜单插件TreeView.js使用方法,一款非常酷的基于bootstrap的jQuery多级列表树插件,具有一定的实用性,感兴趣的小伙伴们可以参考一下2016-11-11JS中style.display和style.visibility的区别实例说明
下面的例子说明了这种区别:在这个例子中,divContent1和divContent2隐藏的时候用的是style.display=none,这时候,后面的div会向上移动,占据已经隐藏的div的空间。divContent3和divContent4用的是style.visibility=hidden来隐藏,但是其隐藏后仍然占据原来的空间2013-03-03
最新评论