揭秘 JavaScript 之函数表达式与闭包的强大实力

2024-02-22 14:10:44

JavaScript 函数表达式与闭包的强大实力

在 JavaScript 中，函数表达式和闭包是两个密切相关且功能强大的概念。函数表达式允许开发者在程序执行期间动态创建函数，而闭包则允许函数访问其创建环境中的变量，即使该函数已被调用或其创建环境已不复存在。这两种特性赋予了 JavaScript 强大的灵活性、动态性和代码复用性。

函数表达式的灵活运用

函数表达式使用 function 后跟圆括号内的参数列表和大括号内的函数体来定义。与函数声明不同，函数表达式可以被赋给变量、作为参数传递给其他函数，甚至可以在函数内部创建嵌套函数。这种灵活性使得函数表达式能够在各种场景中发挥作用。

例如，我们可以使用函数表达式来定义一个匿名函数，即没有函数名的函数。匿名函数通常用于回调函数或作为参数传递给其他函数。

const callback = function() {
  console.log("Hello, world!");
};

setTimeout(callback, 1000);

在这个例子中，我们定义了一个匿名函数 callback，并将其作为参数传递给 setTimeout() 函数。setTimeout() 函数将在 1 秒后调用 callback 函数，从而在控制台中输出 "Hello, world!"。

闭包的作用域控制

闭包是一种 JavaScript 函数，可以访问其创建环境中的变量，即使该函数已被调用或其创建环境已不复存在。这是因为闭包会将对创建环境的引用存储在内部，从而能够在任何时候访问这些变量。

闭包通常用于在不同的作用域之间共享数据或实现私有变量。例如，我们可以使用闭包来创建一个计数器函数，该函数可以在每次调用时都返回一个递增的值。

const createCounter = function() {
  let count = 0;
  return function() {
    return ++count;
  };
};

const counter1 = createCounter();
const counter2 = createCounter();

console.log(counter1()); // 1
console.log(counter1()); // 2
console.log(counter2()); // 1

在这个例子中，我们定义了一个闭包函数 createCounter，该函数返回另一个函数。内部函数能够访问闭包函数 createCounter 中的变量 count，并将其递增。

闭包的另一个常见用途是实现私有变量。在 JavaScript 中，没有真正的私有变量，但我们可以使用闭包来模拟私有变量的行为。

const createPerson = function() {
  let name = "John Doe";
  return {
    getName: function() {
      return name;
    },
    setName: function(newName) {
      name = newName;
    },
  };
};

const person1 = createPerson();

console.log(person1.getName()); // "John Doe"
person1.setName("Jane Doe");
console.log(person1.getName()); // "Jane Doe"