javascript - 对象函数内的作用域？

Question

这个问题已经有答案了:

How does the "this" keyword work, and when should it be used? (22 个回答)

已关闭 5 年前。

“this”在 logColor 函数内提供 myCar 对象引用，但在 func 函数内提供 window 对象引用，为什么？

var myCar = {
    color: "Blue",
    logColor: function() {
        var self = this;
        console.log("In logColor - this.color: " + this.color);
        console.log("In logColor - self.color: " + self.color);
        var func=function() {
            console.log("In IIFE - this.color: " + this.color);
            console.log("In IIFE - self.color: " + self.color);
        }
       func();
    }
};
 
myCar.logColor();

对于专业的 javascript 开发人员来说，这可能没有意义，但我的基础知识已经动摇了

Answer 1

您可以使用ES-6 Fat Arrow Notation来完成您的任务。发生这种情况是因为对象的闭包内 this 始终指向全局范围。

var myCar = {
    color: "Blue",
    logColor: function() {
        var self = this;
        console.log("In logColor - this.color: " + this.color);
        console.log("In logColor - self.color: " + self.color);
        var func=() => {
            console.log("In IIFE - this.color: " + this.color);
            console.log("In IIFE - self.color: " + self.color);
        }
       func();
    }
}