JavaScript 中带参数的匿名函数

介绍

在 JavaScript 中，函数是一等公民，可以像变量一样被赋值、传递和调用。匿名函数是指没有函数名的函数，也被称为 lambda 函数。

使用匿名函数可以创建类似于闭包的效果，并且可以让代码更简洁和模块化。带参数的匿名函数可以接受一些输入，返回一个相应的输出。

语法

带参数的匿名函数的语法如下：

(param1, param2, ..., paramN) => { statements }

其中，param1 到 paramN 是参数列表，用逗号分隔；statements 是函数体，可以包含一系列语句。

例如：

const sum = (a, b) => {
  return a + b;
};

console.log(sum(2, 3)); // 输出 5

示例

以下是一个带参数的匿名函数的示例。它接受一个数组和一个回调函数作为参数，然后将数组中的每个元素传递给回调函数进行处理，并将处理结果保存到一个新数组中。

const map = (array, callback) => {
  const result = [];
  for (let i = 0; i < array.length; i++) {
    result.push(callback(array[i]));
  }
  return result;
};

const square = num => num * num;

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

const squares = map(numbers, square);

console.log(squares); // 输出 [1, 4, 9, 16, 25]

在这个示例中，map 函数接受一个数组 array 和一个回调函数 callback，并返回一个新数组 result。callback 函数接受一个参数 num，表示数组中的一个元素，返回它的平方值。

然后调用 map 函数传入了数组 numbers 和回调函数 square。map 函数对数组中的每个元素调用 square 函数，并将其平方值添加到 result 数组中。最后输出了 squares 数组，其中包含了 numbers 数组的每个元素的平方值。

总结

带参数的匿名函数是 JavaScript 中非常强大的工具之一，它可以让代码更简洁和模块化。它可以用于任何需要接受输入和返回输出的场景，如数组的遍历、函数的组合和高阶函数。在实际开发中，我们需要灵活运用带参数的匿名函数，让代码更加优雅和易于维护。