js单例模式的两种方案_javascript技巧
程序员文章站
2022-05-03 15:39:05
...
方案一:利用闭包的两个作用,可以变通地读到内部的变量,二是可以让这些变量始终在内存中。
//方案一
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
复制代码 代码如下:
//方案一
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
下一篇: 高效率的使用jquery操作表格
推荐阅读
-
js弹出模式对话框,并接收回传值的方法_javascript技巧
-
js判断FCKeditor内容是否为空的两种形式_javascript技巧
-
js截取字符串的两种方法及区别详解_javascript技巧
-
php设计模式之单例、多例设计模式的应用分析_php技巧
-
js弹出模式对话框,并接收回传值的方法_javascript技巧
-
js控制容器隐藏出现防止样式变化的两种方法_javascript技巧
-
JavaScript的单例模式 (singleton in Javascript)_js面向对象
-
js控制页面控件隐藏显示的两种方法介绍_javascript技巧
-
JS中setInterval、setTimeout不能传递带参数的函数的解决方案_javascript技巧
-
js如何实现设计模式中的模板方法_javascript技巧