剖析JS中的作用域与执行环境，揭秘代码执行背后的秘密

前端

2023-11-10 11:09:22

JavaScript中的执行环境

执行环境是JavaScript代码运行的上下文，它定义了变量和函数的可用性。当代码被执行时，一个新的执行环境会被创建。该环境由以下组成：

变量对象： 包含当前作用域中所有声明变量的值。
作用域链： 包含指向父执行环境的引用，允许访问外层作用域中的变量。
this： 指向当前执行环境中的对象（通常是调用函数的对象）。

JavaScript中的作用域

作用域决定了变量和函数的可见性范围。JavaScript使用词法作用域，这意味着变量和函数在代码中声明的位置决定了它们的可见性。

全局作用域： 在脚本的顶层声明的变量和函数可以在脚本的任何位置访问。
局部作用域： 在函数或块中声明的变量和函数仅在该函数或块的内部可见。

变量提升

在JavaScript中，变量提升会导致变量在声明之前被初始化为undefined。这意味着在声明之前对变量进行访问将返回undefined，而不是报错。

闭包

闭包是一个具有对外部执行环境中变量访问权的函数。它允许函数访问和修改外部作用域中的变量，即使外部函数已经返回。

示例

下面的代码示例展示了作用域和执行环境的概念：

function outer() {
  var outerVariable = "Outer variable";

  function inner() {
    var innerVariable = "Inner variable";
    console.log(outerVariable); // "Outer variable"
    console.log(innerVariable); // "Inner variable"
  }

  inner();
}

outer();