在 JavaScript 中，函数参数是非常重要的概念。在过去，我们需要显式地将所有参数传递给函数。然而，ES7 引入了占位符语法，使得处理函数参数变得更加容易和简洁。
占位符语法
占位符语法是一个非常简单的概念。它使用一个下划线 _ 来表示一个占位符参数。当你调用函数时，你可以使用占位符来代表一个或多个参数。例如，下面的代码演示了如何使用占位符来代表一个参数：
const add = (_a, b) => _a + b; console.log(add(1, 2)); // 3 console.log(add(4, 5)); // 9 console.log(add(10, 20)); // 30
在这个例子中，我们定义了一个接受两个参数的函数 add。然而，在函数体内，我们使用了一个占位符 _a 来代表第一个参数。当我们调用函数时，我们可以传递任何值给 _a，然后将其加上第二个参数 b。
处理函数参数
占位符语法可以很方便地处理函数参数。例如，假设我们有一个函数，它接受三个参数并返回它们的和：
const sum = (a, b, c) => a + b + c; console.log(sum(1, 2, 3)); // 6
如果我们想让这个函数只接受两个参数，我们可以使用占位符来忽略第三个参数：
const sum2 = (a, b, _c) => a + b; console.log(sum2(1, 2, 3)); // 3
在这个例子中，我们使用了一个占位符 _c 来代表第三个参数。当我们调用函数时，我们只传递了两个参数，而 _c 被忽略了。
占位符语法还可以用于处理可变长度的参数列表。例如，假设我们有一个函数，它接受任意数量的数字并返回它们的和：
const sumAll = (...numbers) => numbers.reduce((total, num) => total + num, 0); console.log(sumAll(1, 2, 3)); // 6 console.log(sumAll(4, 5, 6, 7)); // 22
在这个例子中，我们使用了 rest 参数语法 ...numbers 来接受任意数量的数字。然后，我们使用 reduce 方法将它们相加。这个函数可以接受任意数量的参数，但我们必须将它们传递给 reduce 方法。如果我们想让这个函数只接受两个参数，我们可以使用占位符来忽略其余的参数：
const sumTwo = (_a, _b, ..._rest) => _a + _b; console.log(sumTwo(1, 2, 3, 4)); // 3 console.log(sumTwo(5, 6)); // 11
在这个例子中，我们使用了两个占位符 _a 和 _b 来代表前两个参数。然后，我们使用 rest 参数语法 ..._rest 来接受剩余的参数，但我们没有使用它们。
总结
占位符语法是一个非常简单但强大的概念。它可以帮助我们处理函数参数，使得代码更加简洁和可读。在实际开发中，我们可以使用占位符来忽略一些参数，或者处理可变长度的参数列表。如果你还没有使用过占位符语法，我建议你尝试一下，并看看它如何可以改善你的代码。
示例代码
// javascriptcn.com 代码示例 const add = (_a, b) => _a + b; console.log(add(1, 2)); // 3 console.log(add(4, 5)); // 9 console.log(add(10, 20)); // 30 const sum = (a, b, c) => a + b + c; console.log(sum(1, 2, 3)); // 6 const sum2 = (a, b, _c) => a + b; console.log(sum2(1, 2, 3)); // 3 const sumAll = (...numbers) => numbers.reduce((total, num) => total + num, 0); console.log(sumAll(1, 2, 3)); // 6 console.log(sumAll(4, 5, 6, 7)); // 22 const sumTwo = (_a, _b, ..._rest) => _a + _b; console.log(sumTwo(1, 2, 3, 4)); // 3 console.log(sumTwo(5, 6)); // 11
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653b4deb7d4982a6eb5a4a9d