关于Function.prototype.bind（）

Question

的困惑我是ES5的Function.prototype.bind和currying参数（基本上为函数创建默认参数）的狂热粉丝。

我在那儿玩弄了一下，但是我不能在我的生活中找出自己的构造。这是我的游乐场：

function hello(arg1, arg2) { 
    console.log('hello()'); 
    console.log('"this" is: ', this); 
    console.log('arguments: ', arguments); 
} 

var foo = Function.prototype.call.bind(hello,{what: 'dafuq'}, 2); 
foo(42); 

此日志输出如下：

hello() 
"this" is: Object{ what="dafuq" } 
arguments: [2,42] 

但我不知道如何在地球上{what: 'dafuq'}对象做它的方式作为this内引用foo。据我了解，我们正在创建一个约束呼叫到Function.prototype.call。让我们检查MDN大纲为.bind()迅速：

fun.bind(thisArg[, arg1[, arg2[, ...]]]) 

因此，对于thisArg是.call的hello功能，其次是参数列表。基本上会发生什么事情是这样的

Function.prototype.call.call(hello, {what: 'dafuq'}, 2); 

...... uuhhh现在我的大脑有点疼。我想现在我有一个想法会发生什么，但请有人找到很好的可靠单词来详细解释它。

• 如何{what: 'dafuq'}成为this reference

Answer 1

但我不知道如何在地球上{what: 'dafuq'}对象使得其方式foo中的这一个参考

这是因为foo实际上是call方法，hello函数被绑定为调用上下文，并且该对象被绑定为第一个参数。 .call的第一个参数设置其调用上下文的调用上下文。既然你已经绑定了它，这意味着对象始终是调用上下文。

---

这样说吧...

你已经绑定的.call呼叫上下文hello。

这实际上是一样的做...

hello.call(); 
// or... 
// Function.prototype.call.call(hello); 

你也必然的.call的第一个参数{what: "dafuq"}，所以这实际上是一样的做...

hello.call({what: "dafuq"}); 
// or... 
// Function.prototype.call.call(hello, {what: "dafuq"}); 

最后，你必然的.call到2第二个参数，所以这是有效的一样做......

hello.call({what: "dafuq"}, 2); 
// or... 
// Function.prototype.call.call(hello, {what: "dafuq"}, 2); 

Answer 2

你不是叫.bind(thisArg, args)，但
Function.prototype.bind.call(thisArgUsedByCall, thisArgUsedByBind, argument)。

一种不同的方式来显示会发生什么：

// thisArgUsedByCall is a function 
Function.prototype.call(thisArgUsedByCall, ...) // does the same as: 
thisArgUsedByCall.bind(thisArgUsedByBind, argument); 

Answer 3

简短的回答是，绑定消耗的第一个参数并使用它作为这个，但然后调用它的第一个参数（这是绑定的第二个参数）。

绑定的工作原理是这样的：

fun.bind(thisArg, argArgs...)(x, y, ...) 

成为

fun(argArgs..., x, y, ....) // this = thisArg 

所以

foo(42) 

是

Function.prototype.call.bind(hello, { what: 'dafuq' }, 2) (42) 

成为

Function.prototype.call({ what: 'dafuq' }, 2, 42) // this = hello 

呼叫是这样的：

fun.call(thisArg, argArgs) 

变为

fun(argArgs) // this = thisArg 

所以

call({ what: 'dafuq' }, 2, 42) // this = hello 

成为

hello(2, 42) // this = { what: 'dafuq' }