在 ECMAScript 2018 中,新加入了一项特性:函数参数列表和函数调用中的尾随逗号(Trailing commas)。这个特性看起来很简单,但却有着很多的细节和应用。
什么是尾随逗号?
尾随逗号是指在函数参数列表或函数调用中,最后一个参数后面加上逗号。例如:
function foo(a, b, c,) { // do something } foo(1, 2, 3,); // 注意最后一个逗号
尾随逗号的好处
尾随逗号的好处在于,可以方便地增加、删除或者移动函数参数,而不需要担心最后一个参数后面是否需要加上逗号。例如,下面的代码可以方便地增加一个参数 d
:
function foo(a, b, c,) { // do something } foo(1, 2, 3, 4,); // 注意最后一个逗号
如果没有尾随逗号的支持,我们需要修改函数定义和函数调用的代码,才能增加一个参数。这样的修改可能会影响到其他的代码,尤其是在大型项目中。
尾随逗号的应用
尾随逗号不仅可以用在函数参数列表中,还可以用在函数调用中。例如:
const arr = [ 1, 2, 3, ]; console.log(arr); // 注意最后一个逗号
这样的写法可以让数组的增加、删除、移动等操作更加方便。
适用场景
尾随逗号并不是适用于所有的场景。如果你的代码需要兼容旧版的 JavaScript 引擎,尾随逗号可能会导致语法错误。
同时,尾随逗号并不是必须的。如果你不需要增加、删除或者移动函数参数或者数组元素,就没有必要使用尾随逗号。
示例代码
下面是一个完整的示例代码,演示了尾随逗号的使用:
-- -------------------- ---- ------- -------- ------ -- --- - -------------- -- --- -- ---- - - - ------ -- ---- ----- --- - - -- -- -- -- ----------------- -- ------ -- --
总结
尾随逗号是 ECMAScript 2018 中的一个新特性,可以方便地增加、删除或者移动函数参数或者数组元素。但是,尾随逗号并不是适用于所有的场景,需要根据实际情况进行选择。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6510bc3995b1f8cacd928cbb