揭开执行上下文的奥秘：探索 this 的寻址之旅

前端

2024-01-10 20:11:42

执行上下文：this 寻址探秘

执行上下文与 this

在 JavaScript 中，执行上下文是执行代码时创建的环境。它定义了变量对象、作用域链以及 this 的值。this 是一个指向当前执行代码上下文中对象（或值）的特殊。

this 的寻址规则

this 的值根据代码执行时的上下文而定。它有以下几种主要寻址规则：

1. 默认绑定：

在非严格模式下，如果函数不是作为对象的方法调用，则 this 默认绑定到全局对象（通常是 window）。

2. 显式绑定：

使用 call()、apply() 或 bind() 方法可以显式设置 this 的值。

3. 隐式绑定：

在严格模式下，如果没有显式绑定，函数中的 this 隐式绑定到 undefined。在构造函数中，this 隐式绑定到新建的对象。

4. 箭头函数：

箭头函数没有自己的 this，它继承其外层作用域的 this 值。

例子：

让我们通过一些例子来理解 these 的寻址规则：

// 默认绑定
function normalFunction() {
  console.log(this); // window
}

// 显式绑定
var obj = { name: "John" };
var boundFunction = normalFunction.bind(obj);
boundFunction(); // { name: "John" }

// 隐式绑定（严格模式）
"use strict";
function strictFunction() {
  console.log(this); // undefined
}

// 箭头函数
const arrowFunction = () => {
  console.log(this); // window
};