深入了解JS之作用域和闭包

深入了解JS之作用域和闭包攻略

作用域（Scope）

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

全局作用域（Global Scope）

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

示例：

var globalVariable = 'I am a global variable';

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

foo(); // 输出：I am a global variable

函数作用域（Function Scope）

函数作用域是指在函数内部定义的变量，只能在函数内部访问到。函数作用域可以保护变量不被外部访问到，同时也可以避免变量之间的命名冲突。

示例：

function foo() {
  var functionVariable = 'I am a function variable';
  console.log(functionVariable); // 可以访问函数内部变量
}

foo(); // 输出：I am a function variable

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

块级作用域（Block Scope）

块级作用域是指在代码块（通常是由花括号 {} 包裹的代码）内部定义的变量，只能在该代码块内部访问到。块级作用域可以避免变量的泄露和命名冲突。

示例：

if (true) {
  let blockVariable = 'I am a block variable';
  console.log(blockVariable); // 可以访问块级变量
}

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 createLogger(name) {
  return {
    log: function(message) {
      console.log(`[${name}] ${message}`);
    }
  };
}

const logger = createLogger('MyLogger');
logger.log('Hello, world!'); // 输出：[MyLogger] Hello, world!

以上是深入了解JavaScript作用域和闭包的攻略，希望对你有所帮助！