在 ES8/ES2017 中使用 trailing commas 处理函数参数
在 JavaScript 中，函数参数是非常常见的。它们是函数的输入，可以让我们在函数内部使用这些输入来执行一些操作。然而，在处理函数参数时，有时候我们会遇到一些问题，例如在添加或删除参数时需要修改代码中的逗号。这可能会导致错误，尤其是在多人协作开发时。为了解决这个问题，ES8/ES2017 引入了 trailing commas 的概念，它可以让我们在函数参数的末尾添加逗号而不会出错。
什么是 trailing commas？
Trailing commas 是指在一个列表的末尾添加逗号。在 JavaScript 中，我们通常在对象字面量和数组字面量中使用 trailing commas。例如：
----- --- - - ----- ------ ---- --- ------- ------- -- ------- -------- ------ -- ----- --- - --- -- ---- -- ------- -------- ------
在 ES8/ES2017 中，我们可以在函数参数的末尾使用 trailing commas，例如：
-------- ------ --- - -------------- --- - ------ --- -- ---- -
在这个例子中，我们在函数参数列表的末尾添加了逗号，这就是 trailing commas。
为什么要使用 trailing commas 处理函数参数？
使用 trailing commas 处理函数参数有以下几个好处：
避免在添加或删除参数时修改逗号。在没有 trailing commas 的情况下，如果我们要在函数参数列表中添加或删除一个参数，那么我们就需要修改前一个参数的逗号，这可能会导致出错。而使用 trailing commas，我们只需要在新参数后面添加逗号即可，不需要修改前一个参数的逗号。
可以让代码更加整洁。使用 trailing commas 可以让代码更加整洁，因为我们不需要在每个参数的末尾都添加逗号，只需要在最后一个参数的末尾添加逗号即可。
避免在多人协作开发时出错。在多人协作开发时，如果我们没有使用 trailing commas，那么当一个人在函数参数列表中添加或删除一个参数时，另一个人可能会不小心修改前一个参数的逗号，导致出错。而使用 trailing commas，我们可以避免这种情况的发生。
如何在函数参数中使用 trailing commas？
在函数参数中使用 trailing commas 很简单，只需要在最后一个参数的末尾添加逗号即可。例如：
-------- ------ --- - -------------- --- -
在这个例子中，我们在最后一个参数 b 的末尾添加了逗号，这就是使用了 trailing commas。
需要注意的是，在使用 trailing commas 时，我们不能在只有一个参数的情况下使用 trailing commas，否则会导致语法错误。例如：
-------- ------- - -- --------- --------------- -
如果只有一个参数，我们应该避免使用 trailing commas。
结论
在 ES8/ES2017 中，使用 trailing commas 处理函数参数可以让我们在添加或删除参数时避免修改逗号，让代码更加整洁，避免在多人协作开发时出错。使用 trailing commas 很简单，在最后一个参数的末尾添加逗号即可。需要注意的是，在只有一个参数的情况下不能使用 trailing commas。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/673c73877088281697c85ead