Question

我正在尝试理解curry与bind之间的区别。

bind的实施是：

/*1*/   Function.prototype.bind = function ()
/*2*/   {
/*3*/        var fn = this,
/*4*/           args = Array.prototype.slice.call(arguments);
/*5*/       var object = args.shift();
/*6*/       return function ()
/*7*/       {
/*8*/           return fn.apply(object, 
/*9*/                           args.concat(Array.prototype.slice.call(arguments)))
/*10*/       };
/*11*/   }

curry的实施是：

/*1*/   Function.prototype.curry = function ()
/*2*/   {
/*3*/       var fn = this,
/*4*/           args = Array.prototype.slice.call(arguments);
/*5*/       return function ()
/*6*/       {
/*7*/           return fn.apply(this, 
/*8*/                           args.concat(Array.prototype.slice.call(arguments)));
/*9*/       };
/*10*/   };

我已经知道curry不是内部函数（与IE9 +中的bind不同）。但仍然：

为什么我听到人们一直在谈论curry，虽然他们可以简单地使用bind操作？

唯一的区别是实际上仅在bind函数中找到的上下文。

differences

enter image description here

示例：

假设我有这个功能：

function add(x,y,z)
{
  return x+y+z;
}

我可以使用curry执行此操作：

alert(add.curry(2).curry(1)(4)) //7

但我也可以这样做：

alert(add.bind(undefined,2).bind(undefined,1)(4)) //7

我不明白为什么这个curry项函数存在，同时可以在绑定函数中添加一个虚拟上下文。

我错过了什么？

Answer 1

意图有所不同。

Currying是减少参数的数量，通常是为了避免使用相同的初始参数大量调用函数。例如：

var celsiusToKelvin = add.curry(273.15);

bind()用于确保将函数附加到对象。它也恰好提供了一个currying工具，所以是的你可以使用bind（）来curry（），但如果你想要咖喱，curry（）的参数更少，并显示你的意图。

Answer 2

bind强制您将上下文附加到函数，而使用curry，您可以延迟函数上下文的指定，直到调用 curry函数，在很多情况考虑下面的例子（不完美的，只是为了说明这个想法）：

function Query(sessionKey, dataBuilder) {
  this.sessionKey = sessionKey;
  this.url = "http://www.example.com/search";
  this.dataBuilder = dataBuilder
  this.search = function (term) {
    $.ajax({
      type: "POST",
      url: this.url,
      data: this.dataBuilder(term);
    })
  }
}

function dataBuilder(entity, query) {
  var payload = JSON.stringify({
    'entity': entity,
    'searchTerm': query
    'session': this.sessionKey // will be always undefined if bind(undefined,...) is used
  });
  return payload
}
var bindEx= dataBuilder.bind(undefined, "username");
var curryEx= dataBuilder.curry("username");

var usernameQuery = new Query("id1234",bindEx); // won't work, this.sessionKey will be undefined
usernameQuery = new Query("id1234",curryEx); // will  work, this.sessionKey will be id1234 in the DataBuilder

Answer 3

我认为它与旧浏览器的兼容性有关，因为绑定仅在ECMAScript 5之后可用。

有关.bind()支持列表http://kangax.github.io/es5-compat-table/

的信息，请参阅此处

同样从我所听到的情况来看，大多数人仍然使用咖喱，因为它看起来更干净，因为它不需要额外的undefined参数。

绑定与咖喱的Javascript用法？

3 个答案: