JS作用域大揭秘：执行上下文、this与闭包

前端

2023-11-09 02:03:25

了解JavaScript的作用域至关重要，它决定了变量和函数的可访问性。本文将深入探讨作用域、作用域链、执行上下文、this和闭包的概念，揭开它们的神秘面纱。

JavaScript中的作用域

作用域定义了变量和函数的有效范围。在JavaScript中，作用域分为全局作用域和局部作用域。全局作用域中声明的变量和函数可在程序的任何地方访问，而局部作用域中声明的变量和函数只能在该作用域内访问。

作用域链

作用域链是一条作用域列表，它从当前执行上下文开始，向外一层层搜索变量或函数的声明。如果在当前作用域中找不到，则会继续向外层作用域中搜索，直到找到为止。

执行上下文

执行上下文是JavaScript执行环境的上下文。它包括当前执行的代码、变量对象和this对象。当函数被调用时，它会创建一个新的执行上下文，并在执行完成后将其销毁。

this对象

this对象指向当前执行上下文中的对象。它通常指向调用函数的对象，但它可以在某些情况下被显式绑定。this对象是一个动态值，它可以在代码执行期间改变。

闭包

闭包是具有对外部作用域中变量或函数的引用权限的函数。即使外部函数执行完成后，闭包仍然可以访问这些变量或函数。闭包广泛用于实现数据私有化和控制变量的范围。

实例

为了更好地理解这些概念，我们来看一个示例：

// 全局作用域
const globalVariable = 1;

function outerFunction() {
  // 局部作用域
  const localVariable = 2;

  function innerFunction() {
    // 闭包
    console.log(globalVariable); // 1
    console.log(localVariable); // 2
    console.log(this); // innerFunction
  }

  innerFunction();
}

outerFunction();