深入理解javascript作用域和闭包

深入理解 JavaScript 作用域和闭包攻略

作用域（Scope）

作用域是指在程序中定义变量的区域，它决定了变量的可见性和生命周期。JavaScript 中有三种作用域：全局作用域、函数作用域和块级作用域。

全局作用域

全局作用域是在整个程序中都可访问的作用域。在全局作用域中定义的变量可以在程序的任何地方被访问。

示例：

var globalVariable = 'I am a global variable';

function foo() {
  console.log(globalVariable); // 输出：I am a global variable
}

foo();

函数作用域

函数作用域是在函数内部定义的变量的作用域。在函数作用域中定义的变量只能在函数内部被访问。

示例：

function foo() {
  var functionVariable = 'I am a function variable';
  console.log(functionVariable); // 输出：I am a function variable
}

foo();
console.log(functionVariable); // 报错：functionVariable is not defined

块级作用域

块级作用域是在代码块（如 if 语句、for 循环等）内部定义的变量的作用域。在块级作用域中定义的变量只能在该代码块内部被访问。

示例：

if (true) {
  let blockVariable = 'I am a block variable';
  console.log(blockVariable); // 输出：I am a block variable
}

console.log(blockVariable); // 报错：blockVariable is not defined

闭包（Closure）

闭包是指一个函数能够访问并操作其外部函数作用域中的变量，即使外部函数已经执行完毕。闭包可以用来创建私有变量和实现模块化。

示例1：创建私有变量

function createCounter() {
  let count = 0;

  return function() {
    count++;
    console.log(count);
  };
}

const counter = createCounter();
counter(); // 输出：1
counter(); // 输出：2

示例2：实现模块化

function createCalculator() {
  let result = 0;

  function add(num) {
    result += num;
  }

  function subtract(num) {
    result -= num;
  }

  function getResult() {
    return result;
  }

  return {
    add,
    subtract,
    getResult
  };
}

const calculator = createCalculator();
calculator.add(5);
calculator.subtract(3);
console.log(calculator.getResult()); // 输出：2

以上是关于 JavaScript 作用域和闭包的详细攻略，希望对你有所帮助！