js设计模式之单例模式

废话不多说，直接上代码以供参考吧！

var SingleInstanceTest = (function () {
  var _instance = null;    //  申明一个唯一的对象
  //  设置默认值
  var _default = { name: '无名氏',age: 18 };
  function SingleInstance(ops) {
    if (this instanceof SingleInstance) {   //  优化处理不使用new关键字的问题
      if(_instance == null){   // 每次实例化判断对象是否为空
        this._init(ops);
        return _instance = this;
      }else{
        _instance._init(ops);
        return _instance;       
      }
    }else{
      if (!_instance) {
        _instance = new SingleInstance();
        _instance._init(ops);
        return _instance;
      } else {
        _instance._init(ops);
        return _instance;
      }
    }
  }

  SingleInstance.prototype._init = function (ops) {
    //  如果传进来的数据为真，则复制给默认数据
    for(var prop in ops){
      if(ops[prop]){
        _default[prop] = ops[prop];
      }
    }
    //  如果传进来的数据不包含默认数据中的字段，则将默认数据中的字段填充进传进来的对象中
    for(var prop in _default){
      this[prop] = _default[prop];
    }
  }
  return SingleInstance;
})()

var i0 = SingleInstanceTest({ name: '王五' });
var i1 = new SingleInstanceTest({ name: '张三', age: 20 })
var i2 = new SingleInstanceTest({ name: '李四' })

 

 再举一个显示与影藏div功能的单例

var Popup = (function() {
  var div = document.createElement('div');
  document.body.appendChild(div);
  var _instance = null;     //  创建一个唯一的对象
  return function () {
    if (_instance == null){   //  每次实例化判断_instance是否为空
      _instance = new Object();

      _instance.hide = function () {
        div.style.display = 'none';
      }
      _instance.show = function () {
        div.style.display = 'block';
      }
    }
    return _instance;
  }
})()