關於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' }