JavaScript中利用柯里化函数实现bind方法

柯里化与bind方法原理

柯里化的核心思想在于预先处理逻辑。利用函数执行后形成的不销毁作用域，将需要预先处理的内容存储其中，并返回一个小函数。后续执行该小函数时，即可对之前存储的值进行相关操作处理。柯里化函数主要起到预处理的作用。而bind方法的作用是将传递进来的回调方法中的this预先处理为指定的上下文context。

/**
* bind方法实现原理1
* @param callback [Function] 回调函数
* @param context [Object] 上下文
* @returns {Function} 改变this指向的函数
*/
function bind(callback,context) {
 var outerArg = Array.prototype.slice.call(arguments,2);// 表示取当前作用域中传的参数中除了fn,context以外后面的参数；
 return function (){
  var innerArg = Array.prototype.slice.call(arguments,0);//表示取当前作用域中所有的arguments参数；
  callback.apply(context,outerArg.concat(innerArg));
 }
}

 /**
* 模仿在原型链上的bind实现原理(柯理化函数思想)
* @param context [Object] 上下文
* @returns {Function} 改变this指向的函数
*/
Function.prototype.mybind = function mybind (context) {
 var _this = this;
 var outArg = Array.prototype.slice.call(arguments,1);
 // 兼容情况下
 if('bind' in Function.prototype) {
  return this.bind.apply(this,[context].concat(outArg));
 }
 // 不兼容情况下
 return function () {
  var inArg = Array.prototype.slice.call(arguments,0);
  inArg.length === 0?inArg[inArg.length]=window.event:null;
  var arg = outArg.concat(inArg);
  _this.apply(context,arg);
 }
}

以上展示了利用柯里化函数实现bind方法的相关代码，希望对大家学习javascript程序设计有所帮助。