JavaScript实现设计模式中的单例模式的一些技巧总结
12 浏览量
2020-10-22
08:36:23
上传
评论
收藏 63KB PDF 举报
JavaScript实现设计模式中的单例模式的一些技巧总结实现设计模式中的单例模式的一些技巧总结
单例模式是JavaScript项目中最常用的设计模式之一,下面罗列了JavaScript实现设计模式中的单例模式的一些技
巧总结,包括惰性加载与分支技术等,需要的朋友可以参考下.
一、使用全局变量保存单例一、使用全局变量保存单例
这是最简单的实现方法
function Person(){
this.createTime=new Date();
}
var instance=new Person();
function getInstance(){
return instance;
}
加载该js时就创建一个Person对象，保存到instance全局变量中，每次使用都取这个对象。如果一次都没使用，那么创建的这
个对象则浪费了，我们可以优化一下，
var instance
function getInstance(){
if(!instance){
instance=new Person();
}
return instance;
}
这样，第一次使用时才创建对象。
这个方法的缺点是，instance是全局的变量，在多人合作或者开发周期比较长的情况下，很难保证instance不会被其它代码修
改或覆盖，很可能到调用的时候，发现instance根本就不是Person对象。
我们考虑下使用闭包来封装起instance，使它不再是全局变量就可以解决这个问题了
二、闭包创建对象二、闭包创建对象
var getInstance(){
var instance;
return function(){
if(!instance){
instance=new Person();
}
return instance;
}
}();
这样，instance就被封装起来了，不用担心被修改了。
现在通过getInstance()函数可以获得单例了。新的问题，如果我通过new Person()来创建对象，获得的还是多个对
象，javascript又不可以像java一样把构造器私有化。那怎么样可以让多次new出来的对象都是一个实例呢？
三、构造函数的静态属性缓存实例三、构造函数的静态属性缓存实例
先看代码
function Person(){
//如果已经缓存了实例，则直接返回缓存的实例
if(typeof Person.instance==='object'){
return Person.instance;
}
this.createTime=new Date();
//缓存实例
Person.instance=this;
return this;
}
从代码可以看到，第一次new时，if的条件返回false，会往下走，初始化对象，然后保存对象到Person.instance这个静态属性
中。
第二次new 时，if的条件返回true，直接返回Person.instance，不会再往下运行初始化的代码。所以不管new几次，返回的都
是第一次创建的对象。
这个方法的缺点和方法一的缺点一样，Person.instance也是公开属性，有可能会被修改。
我们参考方法二，使用闭包来封装一个，也许就能解决该问题了
评论0
最新资源