javascript - map 方法中的散布算子复制对象时的使用方法

Question

我正在尝试在Angular应用程序中使用传播运算符复制对象并添加新属性。要添加新属性，我想调用一个方法'addNewProperty(name)，该方法返回该属性及其值。当我尝试使用传播运算符调用此方法时，出现有关意外 token 的错误。

这是我的代码

this.files = files['results'].map(file => ({...file, this.addNewProperty(file.name)}));

addNewProperty(name) {
    return {
        extension: name.split('-')[1]
    };
}

另一方面，当我使用“传统” Object.assign()时，一切都很好

this.files = files['results'].map(file => Object.assign(file, this.addNewProperty(file.name)));

您能否解释一下，为什么Object.assign()正常工作，而用{...，myMethod()}复制却不起作用？

Answer 1

您还需要传播新对象。否则，您会有一些没有 key 的东西。

this.files = files['results'].map(file => ({...file, ...this.addNewProperty(file.name)}));
//                                                   ^^^