谈一谈JS中的执行环境及作用域

执行环境（Execution Context）和作用域（Scope）是JavaScript中重要的概念，它们决定了变量和函数的可访问性和生命周期。本文将详细讲解这两个概念，并提供两个示例来说明。

执行环境

执行环境是JavaScript代码执行的环境，它包含了变量、函数和其他数据的存储空间。每当执行一段JavaScript代码时，都会创建一个执行环境。

执行环境分为全局执行环境和函数执行环境。全局执行环境是在代码执行之前创建的，它包含了全局变量和全局函数。函数执行环境是在函数被调用时创建的，它包含了函数内部定义的变量和函数。

执行环境有一个重要的属性，即作用域链（Scope Chain）。作用域链是一个由多个执行环境组成的链表，它决定了变量和函数的可访问性。当访问一个变量或函数时，JavaScript引擎会从当前执行环境开始查找，如果找不到，则会向上一级执行环境继续查找，直到找到该变量或函数或到达全局执行环境。

作用域

作用域是指变量和函数的可访问范围。在JavaScript中，作用域由执行环境和作用域链决定。

示例1：全局作用域

var x = 10; // 全局变量

function foo() {
  console.log(x); // 可以访问全局变量x
}

foo(); // 输出 10

在上面的示例中，变量x被定义在全局执行环境中，因此在函数foo中可以访问到它。

示例2：函数作用域

function bar() {
  var y = 20; // 函数内部变量

  function baz() {
    console.log(y); // 可以访问函数内部变量y
  }

  baz(); // 输出 20
}

bar();

在上面的示例中，变量y被定义在函数bar的执行环境中，因此在函数baz中可以访问到它。

总结

执行环境和作用域是JavaScript中重要的概念。执行环境决定了代码的执行环境和作用域链，而作用域决定了变量和函数的可访问范围。理解这两个概念对于编写高质量的JavaScript代码非常重要。