javascript设计模式阅读后的感悟与总结

• 单例模式

　　用于创建唯一的一个对象。

　　核心在于一个判断

　　var index

　　if(index){

　　return index;

　　}

　　init();

　　这样只会在第一次的时候初始化创建对象，以后都不会再创建对象。

　　还有闭包内的变量不会销毁，例如index可以始终存在。

　　js的实现：

　　

  var getSingle = function (fn) {
    var result;
    return function () {
      return result || (result = fn.apply(this, arguments));
    };
  };
  //创建登陆div
  var createSingletonLoginLayer = getSingle(function () {
    var div = document.createElement('div');
    div.innerHTML = '我是悬浮窗';
    div.style.display = 'none';
    document.body.appendChild(div);
    return div;
  });

  document.getElementById('loginBtn').onclick = function () {
    var loginLayer = createSingletonLoginLayer();
    loginLayer.style.display = 'block';
  };
  //创建iframe
  var createSingleIframe = getSingle(function () {
    var iframe = document.createElement('iframe');
    document.body.appendChild(iframe);
    return iframe;
  });

  document.getElementById('loginBtn2').onclick = function () {
    var loginLayer = createSingleIframe();
    loginLayer.src = 'http://baidu.com';
  };

 

• 策略模式

　　个人感觉这个模式挺啰嗦的，挺短的几行代码用完这个模式就变得貌似又臭又长，所以可用在验证、以及可以复用的组件等地方。 不能复用真的感觉写这么长一串不值。

　　个人感觉这个模式核心在于把条件放在对象中代替用if来代替

　　策略模式的目的是将算法的使用与算法的实现分离开来。

 

• 代理模式

 

　　类似明星有经纪人。

 

　　代理可以帮助接收者过滤掉一些条件。

 

　　引入代理、多创建一个对象，为了符合对象的单一职责原则。以后需求变更可以不更改原对象情况下将代理去掉。

 

　　代理和本体需要显式地实现同一个接口（同样的函数名）

 

　　分页可以使用 缓存代理 同一页的数据只从后台请求一次，不用每次都从后台请求。

　　var cache = {};

　　return function(){

　　var args = Array.prototype.join.call(arguments,',');

　　if(args in cache){

　　return cache[args];

　　}

　　return cache[args] = mult.apply(this,arguments);

　　};

 

 

　　我们在编写业务代码的时候，往往不需要去预先猜测是否需要使用代理模式。 当真正发现不方便直接访问某个对象的时候， 再编写代理也不迟。