JavaScript中的执行上下文、作用域链和闭包

前端

2023-12-21 22:40:52

在JavaScript中，执行上下文是代码执行时创建的环境。它定义了变量和函数的可用性，以及代码执行时对这些变量和函数的访问权限。理解执行上下文至关重要，因为它可以帮助我们理解JavaScript中变量作用域和闭包的行为。

执行上下文

每个JavaScript程序至少有一个全局执行上下文，它是在程序开始执行时创建的。当执行到达一个函数时，将创建一个新的执行上下文，它被称作函数执行上下文。函数执行上下文嵌套在全局执行上下文内。

作用域链

作用域链是一个查找变量时的搜索顺序列表。当JavaScript引擎试图访问一个变量时，它会从当前执行上下文中开始向上遍历作用域链，直到找到该变量。

闭包

闭包是一个函数，它可以访问其创建时的外部执行上下文中的变量。这允许函数在离开其创建时的作用域后仍能访问这些变量。闭包在JavaScript中非常有用，因为它们可以使我们创建对特定数据或状态有持久访问权限的函数。

举个例子

以下代码片段演示了执行上下文、作用域链和闭包如何协同工作：

const globalVariable = 10;

function outerFunction() {
  const outerVariable = 20;

  function innerFunction() {
    const innerVariable = 30;

    console.log(globalVariable); // 10
    console.log(outerVariable); // 20
    console.log(innerVariable); // 30
  }

  innerFunction();
}

outerFunction();