js函数柯里化，实现bind

时间 2019-11-10

标签函数实现 bind 栏目 JavaScript 繁體版

原文原文链接

一、柯里化：html

把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，而且返回接受余下的参数并且返回结果的新函数的技术。闭包

举个栗子：app

一个计算两数之和的函数，须要传递两个参数，柯里化后，这个方法只接受一个参数，可是返回一个函数，用来接收第二个参数函数

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

//柯里化后

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

//调用
add(1)(2) //3

柯里化其实是使用的闭包原理。this

二、实现 add(1)(2)(3,4,5)spa

function add(){
  var args =  [].slice.call(arguments);//将参数复制到新的变量中
  var adder = function(){ 
    [].push.apply(args,[].slice.call(arguments));//args被内部函数引用，造成闭包
    return adder;
  }
  adder.toS = function(){
    //将全部输入的参数累加
   return args.reduce(function(a,b){
      return a+b;
    })
  }
  return adder();//此时要执行一次
}

console.info(add(1,2,3)(4,5)(6).toS()) //21

三、利用柯里化实现js的bind方法prototype

js的call，apply，bind方法的具体使用和区别能够到这位同窗的博文里（https://www.cnblogs.com/libin-1/p/6069031.html），写的很详细。code

柯里化能够延迟执行某个函数，因此调用bind方法时不是当即执行的。htm

Function.prototype.b=function(){
  var args = [].slice.apply(arguments);
  var scope = args.slice(0,1);//传入的做用域
  var params = args.slice(1);//传入的参数
　var self = this;

  return function(){
    //此时的this为调用b时的方法
    self.apply(scope[0],params);
  }
}

function c(){
  return this.name;
}

//注意bind后要再执行一次，由于bind()不会当即执行须要绑定做用域的方法
console.info(c.bind({name:'123'})()) //123