在 JavaScript 编程中，我们经常会使用匿名函数，也称为 lambda 表达式或箭头函数。当我们将一个匿名函数作为另一个函数的参数时，有时我们会注意到它们以一种特殊的方式传递参数。这个问题的答案可能对新手来说并不明显，因此，在本文中，我们将深入研究这种传参方式的目的。
匿名函数的基础
首先，让我们回顾一下匿名函数的概念和语法。匿名函数是没有函数名的函数，通常用于声明一个简短的代码块，比如：
const myFunction = function() {
console.log("Hello, world!");
};箭头函数是另一种形式的匿名函数，它使用 => 符号来分隔参数和函数体：
const myArrowFunction = (arg1, arg2) => {
console.log(arg1 + " " + arg2);
};函数作为参数
在 JavaScript 中，函数可以被视为对象，可以将其作为参数传递给其他函数。这使得我们可以编写高阶函数，即接受函数作为参数和/或返回函数的函数。例如，以下代码定义了一个接受函数 fn 和一个值 x 作为参数的高阶函数：
function apply(fn, x) {
return fn(x);
}
const result = apply(function(x) {
return x * 2;
}, 3); // 等价于 result = 6在上面的示例中，我们将匿名函数 function(x) { return x * 2; } 传递给 apply 函数。这个函数接受一个参数 x 并将其乘以 2 返回。apply 函数将这个函数作为第一个参数，将值 3 作为第二个参数，并调用该函数。由于 x 的值为 3，因此 apply 函数返回 6。
传递参数
现在让我们来看看本文标题所提到的特殊参数传递方式。假设我们有一个包含三个元素的数组：
const arr = ["foo", "bar", "baz"];
如果我们想对每个元素应用一个函数并得到它们的大写形式，我们可以编写以下代码：
const result = arr.map(function(item) {
return item.toUpperCase();
}); // 等价于 ["FOO", "BAR", "BAZ"]在上述代码中，我们使用 map 函数将一个匿名函数作为参数传递给数组 arr。这个函数接受一个参数 item，表示数组中的当前元素，并返回大写形式的字符串。
但是，有时我们会注意到另一种传参方式：
const result = arr.map((item) => item.toUpperCase()); // 等价于 ["FOO", "BAR", "BAZ"]
在这个例子中，我们使用箭头函数来定义传递给 map 函数的匿名函数，并省略了大括号和 return 关键字。此外，我们也省略了参数列表周围的圆括号。
这种传参方式有什么目的呢？实际上，它有两个主要的优点：
更简洁的语法
由于箭头函数可以省略大括号和 return 关键字，因此使用它作为匿名函数的参数可以使代码更加简洁易读。这对于一些简短的代码块尤其有用。
更方便的上下文绑定
另一个重要的优点是，“箭头”符号绑定了 this 上下文。这意味着
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30853
