js单例模式总结

首先,单例模式的定义 是:保证一个类仅有一个实例,并提供一个访问它的全局访问点。

案例:

我们拿水果店来举例,首先创建一个水果店的类,保证不论多少次调用都只会创建一个水果店的实例

var Fruit = function( name ){
	this.name = name;
};

Fruit.prototype.getName = function(){
  console.log( this.name );
};

Fruit.getInstance = (function(){
  var instance;
  return function( name ){
    if ( !instance ) {
      instance = new Fruit( name );
    }
    return instance;
  }
})();

var f1 = Fruit.getInstance( 'f1' );
var f2 = Fruit.getInstance( 'f2' );
f1.getName(); // f1
f2.getName(); // f1

总结:

下面把单例模式的通用逻辑抽离出来,作为一个通用的模式来使用,可以传入任意的类,我们都会返回这个类的唯一实例。

var getSingleInstance = function( fn ) {
  var result;
  return function(){
    if ( !result ) {
      result = fn.apply( this, arguments );
    }
    return result;
  }
};

var fruit = function( name ){
  var shop = document.createElement( 'div' );
  shop.innerHTML = '程序员开了家水果店';
  document.body.appendChild( shop );
  return shop;
};

var shop = getSingleInstance( fruit );
shop();
shop();
shop();

虽然我执行了三次shop(),但你会发现页面中只会创建一个“店”,那这就是通用单例模式了,实例只会被创建一次。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值