混淆的JavaScript綁定功能

Question

我運行下面的JS腳本的，但只要找到func2()輸出foobar，不George，誰能夠解釋爲什麼func2 = func.bind(someuser)不綁定someuser到func？

var someuser = { 
    name: 'George', 
    func: function() { 
     console.log(this.name); 
    } 
}; 
var foo = { 
    name: 'foobar' 
}; 
func = someuser.func.bind(foo); 
func(); // output foobar 
func2 = func.bind(someuser); 
func2(); //output foobar 

Answer 1

您已經綁定someuser.func。

您可能想要以不同方式設置腳本。

或使用：

func = someuser.func.bind(foo); 
func(); // output foobar 
func2 = someuser.func.bind(someuser); 
func2(); //output foobar 

不要試圖重新綁定已綁定功能。

Answer 2

從MDN：

的bind（）函數（ECMAScript中5個術語內部呼叫屬性）作爲函數它被稱爲上創建一個新的功能（結合的功能）具有相同功能的主體（綁定函數的目標函數），該值綁定到bind（）的第一個參數，，它不能被覆蓋。

基本上這意味着你不能在已經綁定的函數上調用綁定。

在你的榜樣，你必須做的：

func2 = someuser.func.bind(someuser); 

Answer 3

我想你想要的是一個弱綁定：

function weakBind(functable, context) { 
    var GLOBAL = this; 

    return function() { 
     return functable.apply(this === GLOBAL ? context : this, arguments); 
    }; 
} 

現在你可以這樣做：

var someuser = { 
    name: 'George', 
    func: function() { 
     console.log(this.name); 
    } 
}; 

var foo = { 
    name: 'foobar' 
}; 

var func = weakBind(someuser.func, foo); 
func(); // output foobar 

var func2 = weakBind(func, someuser); 
func2(); //output George 

演示：http://jsfiddle.net/R79EG/

---

正常綁定的問題在於，一旦將對象綁定到this指針，它就不能被覆蓋。弱綁定檢查this指針是否設置爲GLOBAL對象（在這種情況下使用默認值）。否則它會使用任何新的this指向。

---

BTW你的情況，它只是更好地做到這一點，而不是：

var someuser = { 
    name: 'George', 
    func: function() { 
     console.log(this.name); 
    } 
}; 

var foo = { 
    name: 'foobar' 
}; 

var func = someuser.func.bind(foo); 
func(); // output foobar 

var func2 = someuser.func.bind(someuser); 
func2(); //output George 

這總比weakBind因爲調用func2稱之爲func這將依次調用someuser.func。然而使用bind，呼叫func2將直接呼叫someuser.func。