匿名函数参数 JavaScript

在 JavaScript 中，匿名函数参数指的是在函数调用时使用匿名函数作为参数。

语法

在使用匿名函数作为参数时，可以直接将函数定义在函数调用的括号内部，也可以将函数定义在外部再进行传递。例如：

setTimeout(function(){
  console.log("Time's up!");
}, 5000);

可以看到，setTimeout 函数的第一个参数是一个匿名函数，它会在 5 秒后被执行。

高阶函数

尽管可以在函数内部定义匿名函数，但最常见的使用场景是将它们作为高阶函数的参数。

高阶函数是指接受一个或多个函数作为参数，并返回一个函数的函数。

function mapArray(array, callback) {
  const newArray = [];
  for (let i = 0; i < array.length; i++) {
    newArray.push(callback(array[i]));
  }
  return newArray;
}

const numbers = [1, 2, 3, 4, 5];

const squaredNumbers = mapArray(numbers, function(number) {
  return number * number;
});

console.log(squaredNumbers); // [1, 4, 9, 16, 25]

在这个例子中，mapArray 函数接受两个参数：一个数组和一个函数。它会对数组中的每个元素执行回调函数（即匿名函数），并将返回值存储在新的数组中。

通过这种方式，我们可以轻松地实现类似 map、filter、reduce 等数组方法。

闭包

使用匿名函数参数时，常常会创建闭包，因为在定义匿名函数的同时，常常会使用到它外层函数作用域中的变量。

function createCounter() {
  let count = 0;
  return function() {
    count++;
    console.log(`Current count: ${count}`);
  };
}

const counter = createCounter();

counter(); // Current count: 1
counter(); // Current count: 2
counter(); // Current count: 3

在这个例子中，createCounter 函数返回一个匿名函数，它会访问到 createCounter 函数中定义的变量 count。

每次调用 counter 函数时，它会增加 count 的值并输出。由于匿名函数继承了它所在的外层函数作用域，所以 count 变量不会被销毁，且 counter 函数每次调用都会访问到它。这就是闭包的概念。

结论

在 JavaScript 中，使用匿名函数作为参数是一种常见的技巧，尤其是在实现高阶函数时。它们会自动创建闭包，可以访问到外层函数作用域中的变量，非常灵活。