小编典典

传播语法ES6

javascript

考虑以下示例代码

var x = ["a", "b", "c"];
var z = ["p", "q"];

var d = [...x, ...z];

var e = x.concat(z);

在这里,价值de是完全相同且等于 ["a", "b", "c", "p", "q"],所以,

  1. 两者之间到底有什么区别?
  2. 哪一个效率更高?为什么?
  3. 传播语法的确切用途是什么?

您是否不认为以正式的广泛语言引入这些小捷径可能会留下一些未被注意的错误,我的意思是要么根本没有必要,要么我没有意识到确实需要这样做。


阅读 332

收藏
2020-05-01

共1个答案

小编典典

  1. 在给出的示例中,两者之间基本上没有区别
  2. .concat显著更有效:http://jsperf.com/spread-into-array-vs-concat因为...(传播)是更基本的语法基础之上只是语法糖,明确遍历索引展开数组。
  3. Spread允许在更笨拙的直接数组操作之上添加加糖语法

为了在上面的#3上展开,您使用点差是一个有些人为的示例(尽管很可能会经常出现在野外)。当(例如)参数列表的整体应.call在函数主体中传递到时,传播很有用。

function myFunc(){
    otherFunc.call( myObj, ...args );
}

function myFunc(){
    otherFunc.call( myObj, args[0], args[1], args[2], args[3], args[4] );
}

这是另一个任意的示例,但是更清楚了为什么在某些原本冗长而笨拙的情况下使用spread运算符会很好用的原因。

正如@loganfsmyth
指出的那样

价差也适用于任意可迭代的对象,这意味着它不仅适用于Array秒,但也MapSet等等。

这是一个很好的观点,并增加了一个想法-尽管在ES5中并非不可能实现,但散布运算符中引入的功能是新语法中更有用的项之一。


有关此特定上下文中散布运算符的实际基础语法(因为...它也可以是“ rest”参数),请参见规范。正如我上面所写的那样,“更明确地遍历索引以扩展数组的基本语法”足以理解这一点,但是实际定义使用GetValueGetIterator用于随后的变量。

2020-05-01