作用域和闭包

前端

2023-10-22 10:13:34

JavaScript 中的作用域

作用域是指变量和函数的可见范围。在 JavaScript 中，作用域有两种类型：全局作用域和局部作用域。

全局作用域

全局作用域是整个 JavaScript 程序都可以访问的作用域。在全局作用域中声明的变量和函数可以在程序的任何地方使用。

局部作用域

局部作用域是只在特定代码块中可以访问的作用域。在局部作用域中声明的变量和函数只能在该代码块内部使用。

在 JavaScript 中，局部作用域有两种类型：函数作用域和块作用域。

函数作用域

函数作用域是函数内部的作用域。在函数作用域中声明的变量和函数只能在该函数内部使用。

块作用域

块作用域是使用 {} 括起来的代码块内部的作用域。在块作用域中声明的变量和函数只能在该代码块内部使用。

JavaScript 中的闭包

闭包是指能够访问其他函数作用域中的变量的函数。换句话说，闭包是能够访问它所在函数作用域之外的变量的函数。

闭包在 JavaScript 中非常有用，可以用来实现私有变量、延迟执行函数和柯里化函数等功能。

代码示例

为了更好地理解作用域和闭包，我们来看几个代码示例。

全局变量和局部变量

var globalVariable = 1;

function foo() {
  var localVariable = 2;
  console.log(globalVariable); // 1
  console.log(localVariable); // 2
}

foo();

console.log(globalVariable); // 1
console.log(localVariable); // ReferenceError: localVariable is not defined

在这个示例中，globalVariable 是一个全局变量，可以在程序的任何地方使用。localVariable 是一个局部变量，只能在函数 foo() 内部使用。

闭包

function foo() {
  var counter = 0;

  function bar() {
    counter++;
    console.log(counter);
  }

  return bar;
}

var baz = foo();

baz(); // 1
baz(); // 2
baz(); // 3