单例模式
单例模式
林落雨 发表于9个月前
单例模式
  • 发表于 9个月前
  • 阅读 0
  • 收藏 0
  • 点赞 0
  • 评论 0

标题:腾讯云 新注册用户域名抢购1元起>>>   

摘要: JS实现单例模式

静态属性中的实例

function Universe(){
    // 判断是否有现有的实例(是否缓存过实例)
    if(typeof Universe.instance === "object"){
        return Universe.instance;
    }

    this.start_time = 0;
    this.bang = 'Big';

    // 缓存实例
    Universe.instance = this;

    // 隐式返回
    // return this;
}

var uni = new Universe();
var uni2 = new Universe();
alert(uni === uni2);

缺点是instance属性是公开的,可能会被修改

闭包中的实例

function Universe(){
    //  缓存实例
    var instance = this;

    // 重写构造函数
    Universe = function(){
        return instance;
    }

    // 修正操作:防止重写构造函数丢失所有在初始定义和重定义时刻添加的属性
    
    // 保留原型属性
    Universe.prototype = this;

    // 实例
    instance = new Universe();

    // 重置构造函数指针
    instance.constructor = Universe;

    this.start_time = 0;
    this.bang = "Big";

    return instance;
}

还有一种修正方式是把构造函数和实例包装在即时函数中。在第一次调用构造函数时会创建一个对象,并且使私有instance指向该对象,第二次调用时仅会返回该对象。

var Universe;
(function(){
    var instance;
    Universe = function Universe(){
        if(instance){
            return instance;
        }

        instance = this;

        this.start_time = 0;
        this.bang = "Big";
    }
}())

 

共有 人打赏支持
粉丝 0
博文 13
码字总数 2308
×
林落雨
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: