Angular2中的“...”是什么？它的目的是什么？ [复制]

Question

Angular 中的 ... 是什么？它叫什么？ 我在想 addFlash 方法中的 "...flash" 有什么用，它是 array.push() 中的一个参数？

如果我们可以使用 this 关键字，为什么在 toggleFlash 方法中还有“...”？

flashs: IFlash[] = [];

flashs$ = new BehaviorSubject<IFlash[]>(this.flashs);

addFlash(flash: IFlash) {
    this.flashs.push({
        ...flash,
        show: false,
        id: getRandomNumber()
    });
}

toggleFlash(id: number) {
    const index = this.flashs.findIndex(flash => flash.id === id);
    this.flashs = [
        ...this.flashs.slice(0, index),
        {
            ...this.flashs[index],
            show: !this.flashs[index].show
        },
        ...this.flashs.slice(index + 1)
    ];
    this.flashs$.next(this.flashs);
}

Answer 1

... 在您的代码中是 es6 Spread_syntax ...this.flashs 会将 this.flashs 项目添加到您使用它的数组中，而 {...this.flashs[index] 会将给定索引处的对象的属性添加到您所在的对象'r 使用它阅读下面代码中的 cmets 以获得进一步解释

 this.flashs = [
        ...this.flashs.slice(0, index),//slice flashs array and add result items here like obj1,obj2....
        {
            ...this.flashs[index],//get object at given index and add that object properties here like prop1:val,prop2:val,...
            show: !this.flashs[index].show
        },
        ...this.flashs.slice(index + 1)
    ];