JavaScript：怎么理解object中的this也是window

在JavaScript中，理解object中的this其实也是window涉及到多个关键概念：执行上下文、词法作用域、函数调用方式。在全局执行上下文中，this默认指向全局对象，在浏览器中，全局对象就是window。而当函数作为对象的方法调用时，this指向该方法所属的对象。但需注意，并不是所有情况下object中的this都指向window，它的具体值依赖于函数的调用方式。然而，在某些情况下，如非严格模式下单独调用一个不属于任何对象的函数时，这个函数内的this确实会指向window对象。

一、执行上下文与`this`的基本理解

执行上下文是JavaScript代码执行的环境，决定了变量或函数有权访问的其他数据，JavaScript运行时会创建全局执行上下文和函数执行上下文。在全局执行上下文中，this被设置为全局对象，在浏览器环境中，这个全局对象是window。

在创建函数执行上下文时，this的值取决于函数是如何被调用的。如果函数是作为对象的方法被调用，那么this会被自动设置为该对象。然而，如果函数是直接被调用的，即被作为一个不隶属于任何对象的函数调用，那么this会被设置为全局对象（在非严格模式下）或者undefined（在严格模式下）。

二、词法作用域与`this`

词法作用域（也称为静态作用域），是指变量的作用域在函数定义的时候就决定了，而不是在函数调用的时候。尽管this的值是在函数被调用时确定的，但是如何理解this的指向必须结合词法作用域和函数调用的方式。

箭头函数提供了一个例外，因为箭头函数没有自己的this，而是捕获其所在上下文的this值。这意味着，如果在一个对象的方法里定义了一个箭头函数，那么这个箭头函数里的this实际上继承自外围最近一层不是箭头函数的函数的this。

三、函数调用方式与`this`

在JavaScript中，函数的调用方式直接影响this的值：

作为函数直接调用时，在非严格模式下，this指向全局对象window；在严格模式下，this的值为undefined。
作为方法调用时，this指向该方法所属的对象。
作为构造函数调用时，this指向新创建的实例对象。
使用apply、call或者bind方法调用时，this的值会被显式设置。

尤其重要的是理解，即使函数定义在某个对象内部，如果它被单独作为函数调用（而不是作为对象的方法调用），其内部的this同样会指向window（非严格模式下）。

四、案例分析：`this`也是`window`的情景

考虑以下代码片段：

var name = "Global";
var obj = {
    name: "Obj",
    display: function() {
        console.log(this.name);
    }
};
var display = obj.display;
display(); // 输出结果取决于调用方式

在这个例子中，分别将obj.display赋值给了一个全局变量display，之后直接调用display()。因为display函数并未作为obj的方法被调用（尽管它是从obj中取得的），它是作为一个全局函数被调函数内的this依据规则指向window，因此最终打印的是全局变量name的值"Global"，而不是"Obj"。