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);将工作，因为这明确地设置上下文回到你想要它。