学习JavaScript设计模式之单例模式

一、定义

保证一个类仅有一个实例，并提供一个访问它的全局访问点。
当单击登陆按钮，页面中出现一个登陆浮窗，这个登陆浮窗是唯一的，无论单击多少次登陆按钮，这个浮窗都只会被创建一次，那么这个登陆浮窗就适合用单例模式来创建。

二、实现原理

要实现单例并不复杂，使用一个变量来标志当前是否已经为某个类创建过对象，如果是，则在下一次获取该类的实例时，直接返回之前创建的对象。

三、假单例

全局变量不是单例模式，但在JavaScript开发中，我们经常会把全局变量当成单例来使用。

var a = {};

降低全局变量带来的命名污染
（1）使用命名空间

var namespace1 = {
  a: function(){},
  b: 2
}

（2）使用闭包封装私有变量

var user = (function() {
  var _name = 'lee',
    _age = '25';
  return {
    getUserInfo: function() {
      return _name + ":" + _age;
    }
  };
})();

四、惰性单例：在需要的时候才能创建对象实例

var getSingle = function(fn) {
  var result;
  return function() {
    return result || (result = fn.apply(this, arguments));
  };
};

// 测试
function testSingle(){}
getSingle(testSingle)() === getSingle(testSingle)();  // true

五、补充：

（1）懒加载

var lazyload = function() {
  console.log(1);
  lazyload = function() {
    console.log(2);
  }
  return lazyload();
}

lazyload();

（2）预加载

var preload = (function() {
  console.log(1);
  preload = function() {
    console.log(2);
  };
  return preload;
})();

preload();

希望本文所述对大家学习javascript程序设计有所帮助。

详解JavaScript对象序列化
一.什么是对象序列化？对象序列化是指将对象的状态转换为字符串（来自我这菜鸟的理解，好像有些书上也是这么说的，浅显易懂！）；序列化(Serializa

理解JS绑定事件
本文为大家详细分析了JS绑定事件，供大家参考，具体内容如下绑定事件有兼容性问题，在IE早期版本中使用的是obj.attachEvent()，而其他浏览器使用的则

JS拖拽组件学习使用
JS代码需要常写，不然容易生疏，最近虽然一直在看JS的原型，行为委托等知识点，但是动手写代码的量略有减少。本文与大家分享一个拖拽组件，供大