執行上下文和（（此對象））

Question

//我不明白爲什麼這不工作

y = 'window'; 
var x = { 
    y : 'x', 
    func : function(){ 
     return function(){ 
      return this.y 
     } 
    } 
}; 

x.func()(); 

// when I execute x.func()() I understand why it should return y 
// x.func() would return a function in the global context and then execute it ' should return 'window' ' 
y = 'window' 
var x = { 
    y : 'x', 
    func : function(){ 
     return function(){ 
      return this.y 
     }() 
    } 
}; 

x.func(); 

爲什麼這段代碼也返回「窗口」是x對象的內部執行

Answer 1

呼叫x.func()()使用x作爲上下文調用功能x.func，然後使用無上下文調用返回的值。功能定義在哪裏並不重要;只是它被稱爲如何。

爲了避免這種情況，您可以返回之前的功能綁定到特定的情境：

var x = { 
    y: 'x', 
    func: function() { 
     return function() { 
      return this.y; 
     }.bind(this); 
    } 
};

ES6箭頭功能也使用詞法this，相當於bind：

var x = { 
    y: 'x', 
    func: function() { 
     return() => this.y; 
    } 
};