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"。

通过这个案例，我们看到，在特定情况下，即使函数来源于某个对象，函数内部的this在被单独调用时还是会指向全局对象window。这展示了this值高度依赖于函数调用的方式，而不仅仅是函数定义的位置。

五、总结及最佳实践

理解this在JavaScript中的行为是理解语言核心机制的一部分。记住以下几点可以避免常见的this相关错误：

• 清楚this的值完全取决于函数的调用方式，而不是定义方式。
• 在严格模式下，避免使用this指向全局对象window。
• 使用箭头函数来继承外部函数的this值，尤其是在期望this指向定义时上下文的情况下。
• 当需要明确设置this的指向时，优先考虑使用bind、call或apply方法。

掌握了这些关键点，你就能更加灵活和准确地在JavaScript代码中使用this了。

相关问答FAQs：

1. 在JavaScript中，我们常常听说this关键字指向window对象，那么this到底是什么呢？

在JavaScript中，this关键字是一个指向当前执行上下文的对象引用。当代码在全局作用域中执行时，this指向的是window对象，因为全局作用域就相当于在window对象中执行代码。

2. 为什么对象中的this也会指向window对象呢？这样的设计有什么作用？

对象中的this关键字指向的是这个对象本身。当我们没有使用严格模式时，如果我们在一个对象的方法中使用this关键字，而且没有通过其他方式改变其指向，那么this就会自动指向window对象。

这种设计有助于提高代码的灵活性和可复用性。当我们在全局作用域中定义一个对象，这个对象的方法中使用this关键字可以轻松地访问到全局作用域中的其他变量和方法，同时还能保持代码的简洁性。

3. 如何避免对象中的this指向window对象呢？

为了避免对象中的this指向window对象，我们可以使用箭头函数或者通过bind、call、apply等方法手动改变this的指向。

箭头函数不会创建自己的this，而是继承外层函数的this。这意味着在箭头函数中使用this关键字时，它会指向定义箭头函数的上下文，而不是window对象。

另一种方法是使用bind、call、apply等方法手动改变函数的执行上下文。通过这些方法，我们可以显式地指定函数执行时的this指向，从而避免this默认指向window对象的问题。