JavaScript - 圍繞`this`關鍵字的祕密

Question

根據我的理解，如果'this'關鍵字用在函數中，那麼它總是指向函數的所有者。但在下列情況下，爲什麼「這個」無法找到車主對象的對象屬性 -

var calledObj = {}; 
calledObj.objectProperty = 'calledObj property'; 
calledObj.calledMethod = function(){ 
    alert(this.objectProperty); 
} 

var callingObj = { 
    objectProperty: 'callingObj property', 
    callingMethod: function(callbackF){ 
     if(typeof callbackF !== 'function'){ 
      callbackF = false; 
     } 
     if(callbackF){    
      callbackF(); 
     } 
    } 
}; 
callingObj.callingMethod(calledObj.calledMethod); // alert 'UNDEFINED' 

它應提醒「callingObj財產」，因爲「callingMethod」屬於「callingObj」和「callingObj」已經有'objectProperty'屬性。那麼爲什麼'這個'不能識別它呢？

Answer 1

在Javascript中，函數沒有特定的所有者。一個對象或多個對象可以具有對該功能的引用，或者根本沒有對象。

函數內部的值this僅取決於您如何調用該函數。如果使用句點語法來調用它，或使用call method或apply method，則值this是您指定的對象。

例子：

someObj.func(); // using period syntax the value for 'this' is someObj 

func.call(someObj); // providing a value for 'this' 

當您使用期語法，而不調用該函數，你剛纔得到的參考功能，並且它沒有連接到該對象。使用引用調用函數將不會爲this提供值，因此如果代碼在瀏覽器中運行，則該值將是全局上下文，即window對象。

實施例：

var f = someObj.func; // get the reference 

f(); // call the function without a value for 'this' 

f.call(someObj); // call the function specifying a value for 'this' 

Answer 2

this引用上下文，無論上下文是什麼。

當你寫callbackF()，沒有上下文！您已取消了該功能，因此this不是您所期望的。

callbackF.call(calledObj);將工作，因爲這明確地設置上下文回到你想要它。