在 ES8 中,新增了一个函数参数列表末尾逗号的语法,即“Trailing Comma in Function Parameter Lists”。这个新特性虽然看起来很小,但它在优化代码书写、避免变更冲突等方面有着重要的作用。
如何使用?
在函数参数列表的最后一个参数后面加一个逗号即可,如下所示:
function someFunc(arg1, arg2, arg3,) { // ... }
值得注意的是,尽管参数列表末尾有逗号,但并不会影响函数的参数个数。
为什么要使用这个新特性?
1. 可读性更好
当你需要添加新的参数时,直接在最后一个参数后面添加逗号即可,不需要再去找到上一个逗号,这样使得代码的可读性更好。
2. 避免冲突
在代码变更时,有些开发者可能会忘记通过在添加新的参数后面添加逗号来保证正确性,这会导致出现可避免的变更冲突。使用 Trailing Comma 可以避免这种情况的发生。
3. 方便和一致的代码格式
添加 Trailing Comma 可以使你避免不必要的代码格式修改,而且还可以保证代码格式的统一。
需要注意的问题
虽然 Trailing Comma 是一个方便的语法,但是它并不是所有的浏览器或者编辑器都支持的。
在使用它之前,你需要先检查一下你的项目是否支持这个新特性,否则在代码push之后就会出现意料之外的情况。
示例代码
为了更好地理解这个新特性,下面是一些示例代码:
-- -------------------- ---- ------- -- -------- ----- ---- -------- -------------- ----- ------ - -- --- - -- --------- -------- ------ ----- --- - - ------ --------- ------ --------- - ----- --- - - --------- --------- - -- -- --- ------------- -------- -------------- ----- ----- ----------------- - -- --- -
总结
Trailing Comma 是一种实用的新特性,它可以提高代码的可读性、避免变更冲突、保证代码统一等方面的作用。在书写 JS 代码时,尽量使用 Trailing Comma,但同时也要注意项目是否支持该特性。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6493b06248841e989414c5f4