javascript优化--05模式(函数)

回调函数模式：

基本例子：

var findNodes = function (callback) {
   ......................
   if (typeof callback !== 'function') {
        callback = false;
   }
   ................
    while(i) {
     i --;
    ............
    if(callback) {
       callback(found)
    }
    ............
   }
}

回调方法是对象方法的时候：

var findNodes = function (callback, callback_obj) {
   .........   
   if(typeof callback === 'string') {
      callback = callback_obj[callback];
  }
   ...........
   if(typeof callback === 'function') {
     callback.call(callnack_obj, found);
  }
  ...........
}
//findNodes('paint', myapp);

常使用情况：
- 异步事件监听器
- 超时

返回函数模式：根据输入，函数可以返回另一个更专门的函数，也可以按需创建另一个函数；

结合闭包创建的计数器的例子：

var setup = function() {
   var count = 0;
   return function () {
      return count++;
   }
}

惰性函数模式：函数直到第一次使用时才被正确地定义，并且具有向后惰性，执行了更少的工作；

var scareMe = function() {
  alert('Boo!');
  scareMe = function() {
     alert('Double boo!');
  }
}

适用：具有仅需执行一次的初始化设定；

缺点：

重定义自身时，原本加上去的属性会消失或需要再次定义；
若赋值给其它方法，将不再具有这个功能；

即时函数模式：在函数定义之后立即执行

参数：一般通过括号传入
```
(function (a, b) {})(a, b);
```

返回值：分配给变量；

可以使用即时函数的作用域存储一些私有数据：

var getResult = (function () {
   var res = 2 + 2;
   return function () {
      return res;
   }
})();
//可以和返回函数模式比较一下；

定义对象属性时也可以用即时函数：

var o = {
   message : (function () {
     .......
   }()),
   getMsg: function() {
      return this.message;
   }
}

即时对象初始化模式：

概念：
- 保护全局作用域不受污染的另一个方法，类似于即时函数模式；
- 这种模式使用带有init()方法的对象，该方法在创建对象后会立即执行；
- init()函数负责所有初始化任务

({
   //配置常数
     maxWidth : 600，
     maxHeigth: 400,
     ...........
   //设置一些其他方法
   gimmeMax: fnction () {
     return this.maxWidth + 'x' + this.maxHeight;
   }
   ..............
  init: function () {
   console.log(this.getmeMax());
   ............
  }
}).init();

这种模式适用于一次性任务，如果在init()完毕之后保存该对象的引用，可以在init函数尾部添加 return this;

初始化时分支模式(优化模式): 如果知道某个条件在整个生命周期内不会发生改变，可以仅对该条件测试一次；

XMLHttpRequest的例子：

在每次都测试的情况下：

var utils = {
    addListener : function (el , type, fn) {
        if (typeof window.addEventListener === 'function') {
              el.addEventListener(type, fn, false);
         } else if (typeof document.attachEvent === 'function') {
              el.attachEvent('on' + type, fn); 
         } else {
              el['on' + type] = fn;
         }
    },
    removeListener: function (el, type, fn) {
      ........
   }
}

仅在第一次测试的情况下：

var utils = {
    addListener : function (el , type, fn) {
        
    },
    removeListener: function (el, type, fn) {
      ........
   }
}

var utils = {
   addListener: null,
   removeListener: nul
}
if (typeof window.addEventListener === 'function') {
        utils.addListener = function (el, type, fn) {
           el.addEventListener(type, fn, false);
        }
         utils.removeListener = function (el, type, fn) {
           el.removeListener (type, fn, false);
        }
  } else if (typeof document.attachEvent === 'function') {
         utils.addListener = function (el, type, fn) {
           el.attachEvenr('on' + type, fn);
        }
         utils.removeListener = function (el, type, fn) {
           el.detachEvenr('on' + type, fn);
        }
  } else {
        utils.addListener = function (el, type, fn) {
           el['on' + type] =  fn;
        }
         utils.removeListener = function (el, type, fn) {
          el['on' + type] =  null;
        }
  }

备忘模式：在适当的时候自定义属性到函数中；

var myFunc = function () {
   var cachekey = JSON.stringify(Array.prototype.slice.call(arguments)),
         result;
   if(!myFunc.cache[cachekey]) {
      result = {};
      .............
       myFunc.cache[cachekey] = result;
   }
   return myFunc.cache[cachekey];
}
myFunc.cache = {};

配置对象模式：考虑到随着项目变化而需求变化而提供更简介的API的方法；

var conf = {
   username: "batman",
   first: "Bruce",
   last: 'Wayne'
}
addPerson(conf)

特别适用于有许多可选特征属性的情况，如创建DOM时；

Curry模式：使函数理解并处理部分应用的过程称为Curry过程；

curry化函数：

function curry(fn) {
   var slice = Array.prototype.slice;
   stored_args = slice.call(arguments, 1);
  return function () {
      var new_args = slice.call(arguments),
      args = stored_args.concat(new_args);
      return fn.apply(null, args);
  }
}
//
function add(a, b) {
  return a + b;
}
curry(add, 6)(7);

使用bind

function add (a, b ,c) {
  return a + b + c;
}

add.bind(null,0,1)(2 /*c*/);