Javascript Gotcha：爲什麼價值不增加？

Question

爲什麼在調用變換器（o.inc）時「o.value」的值不變？

小提琴：http://jsfiddle.net/illumine/qbr9xupt/

function customobject(){ 
    this.value = 2; 
} 

customobject.prototype.inc = function(){ 
    this.value++; 
} 

function changer(func){ 
    func(); 
} 

var o = new customobject(); 
alert(o.value); // o.value = 2 

o.inc(); 
alert(o.value); // o.value = 3 

changer(o.inc); 
alert(o.value); // Still 3 why not 4 

Answer 1

changer(o.inc); 

你傳遞一個參考inc功能在這裏。此參考與o對象無關。當你調用函數時，this是這個上下文是全局範圍（window）。

你可以將它傳遞給changer像在此之前綁定o爲this給你的函數：

changer(o.inc.bind(o)); 

但Function.prototype.bind方法不支持IE8及以下。一個簡單的替代解決方案將是包裝功能是這樣的：

changer(function(){ return o.inc(); }); 

或者，你可以使用Function.prototype.call與o調用函數作爲this並傳遞給對象的引用。

function changer(_this, func){ 
    func.call(_this); 
} 
... 
changer(o, o.inc); 

Answer 2

o.inc給你，調用它時，不會與它從（在JS的巨大挑戰之一）附帶的this攜帶一個函數的引用。要解決它，這樣做：

changer(o.inc.bind(o)); 

上的功能的bind方法可以在水泥的this（以及不討好，如果你想）。

Answer 3

瞭解this的行爲方式不是微不足道的，也非常重要。我建議你打電話時像一個普通的功能的方法，this被綁定到global對象，所以o.inc不會改變考慮看看http://javascriptissexy.com/understand-javascripts-this-with-clarity-and-master-it/

。你可以試試這個還有：

var foo = o.inc; 
foo(); 
console.log(o.value); // still 3