在 ES6 中,新增了扩展运算符 ...
,可以将数组或者对象进行展开,方便使用, ES9 中的扩展运算符又进一步增强了其功能。
扩展运算符的基本用法
扩展运算符 ...
用于对数组或者对象进行展开,如下:
-- ----- --- ---- - --- -- --- --- ---- - --- -- --- --- ---- - --------- --------- ------------------ -- --- -- -- -- -- -- -- ----- --- ---- - - ----- ------- ---- -- - --- ---- - - ---- -------- - --- ---- - --------- --------- ------------------ -- - ----- ------- ---- --- ---- -------- -
对象展开时,应当注意以下问题
1. 对象展开时,如果出现相同的属性,则后者会覆盖前者
--- ---- - --- -- -- --- --- ---- - --- -- -- --- --- ---- - --------- --------- ------------------ -- --- -- -- -- -- --
2. 对象展开只会展开可枚举属性
--- ---- - ----------------- ---- ------ - -- --- ---- - ---------- ------------------ -- --- --
3. 展开属性不一定是自身属性
--- ---- - --- --- --- ---- - -------------------- ------ - -- --- ---- - ---------- ------------------ -- --- -- -- --
扩展运算符的新增功能
1. Object.fromEntries()
将一个二维数组转为对象,使用扩展运算符可以简化操作:
--- ---- - --------- -------- ------- ----- --- ---- - ------------------------- ------------------ -- ------ ------- ---- --- --- ---- - ------ --- ----- ---- --- ---- - ----------------------------- -- --- ------------------ -- --- -- -- -- -- --
2. 替代函数封装 arguments 对象
函数封装时,可以使用扩展运算符替代传统的 arguments 对象:
-------- ------------ - ------------------ - ------ -- --- -- --- -- -- -- ---------- -------- ---------- -------- - ------------------ - ------ -- -- --- -- --- -- --
总结
通过本文的介绍,我们可以知道 ES9 中的扩展运算符不仅仅可以简化对象或者数组的展开操作,同时还能针对某些常见的实际场景提供更加实用的方法,掌握这些基础知识以及小技巧,可以帮助开发者更好、更高效地开发前端应用。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/645c65bd968c7c53b0ec253b