js单例模式

本文介绍了JavaScript中的单例模式,强调在没有类概念的情况下如何创建唯一对象。通过构造函数和闭包,确保了Singleton构造函数的实例是唯一的,同时讨论了使用getInstance()方法和直接new操作符获取单例的不同方式。

单例模式,唯一对象,js没有类的概念,只有对象,每个对象就相当于一个单例

var singleton = {
    name: 'll',
    getName: function(){
        return this.name
    }
}
var a = singleton
var b = singleton
console.log(a === b) //true

上面的例子相当于一个单例, 变量a、b指向同一个实例;但singleton构造函数是Object,singleton不是Object构造函数的唯一实例

使用构造函数

function Singleton(name) {
    this.name = name;
    this.instance = null;
    this.getName = function(){
        return this.name
    };
}
Singleton.getInstance = function(name){
    if(!this.instance){
        this.instance = new Singleton(name)
    }
    return this.instance
}
var a = Singleton.getInstance('aa')
var b = Singleton.getInstance('bb')
console.log(a === b)

a和b指向同一对象,且该对象是Singleton构造函数的唯一实例,
在使用getInstance()获取单例时判断单例是否已创建,若创建直接返回,若未创建,new一个并返回。

上面使用Singleton.getInstance()来获取单例,增加不透明性,下面使用new来获取单例

var Singleton = (function(){
    var instance;
    var Singleton = function(name){
        if(instance){
            return instance
        }
        this.name = name
        return instance = this
    }
    return Singleton
})()
var a = new Singleton('aa')
var b = new Singleton('bb')
console.log(a === b)

这里使用闭包内变量instance保存实例,使用立即执行函数返回一个构造函数Singleton,在构造函数内判断实例是否存在,若存在,直接返回若不存在 new一个对象

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值