JavaScript函数执行环境解惑：揭秘函数之间的变量访问规则

前端

2023-09-20 20:05:07

JavaScript函数执行环境简介

JavaScript函数执行环境，又称函数作用域，是JavaScript在执行函数时创建的一个特殊环境。在这个环境中，函数可以访问它自身的作用域内的变量和函数，以及父函数作用域内的变量和函数。

函数作用域的变量访问规则

在JavaScript中，变量的作用域由它所在的位置决定。函数作用域内的变量只能在该函数内访问，而不能在其他函数或全局作用域内访问。

函数作用域中的变量类型

函数作用域内的变量可以分为两类：

局部变量：在函数内部定义的变量称为局部变量。局部变量只能在该函数内访问，不能在其他函数或全局作用域内访问。
全局变量：在函数外部定义的变量称为全局变量。全局变量可以在任何函数或全局作用域内访问。

函数作用域的变量访问示例

// 定义全局变量
var globalVariable = "Global Variable";

// 定义函数
function myFunction() {
  // 定义局部变量
  var localVariable = "Local Variable";

  // 访问全局变量
  console.log(globalVariable); // 输出：Global Variable

  // 访问局部变量
  console.log(localVariable); // 输出：Local Variable
}

// 调用函数
myFunction();

在这个示例中，函数myFunction()定义了一个局部变量localVariable和一个全局变量globalVariable。在函数myFunction()内部，我们可以访问局部变量localVariable和全局变量globalVariable。在函数myFunction()外部，我们可以访问全局变量globalVariable，但不能访问局部变量localVariable。

闭包

闭包是指一个函数及其相关的执行环境组合在一起的一个实体。闭包使函数可以访问其执行环境中的变量，即使该函数已经执行完毕。

闭包的示例

// 定义一个函数
function createCounter() {
  // 定义一个局部变量
  var counter = 0;

  // 返回一个函数
  return function() {
    // 访问局部变量
    counter++;
    return counter;
  };
}

// 调用函数并存储返回的函数
var counter = createCounter();

// 调用返回的函数
console.log(counter()); // 输出：1
console.log(counter()); // 输出：2
console.log(counter()); // 输出：3