ECMAScript 對象傳播/休息 - 一次分配給多個屬性

Question

新的 object rest/spread 語法有一些非常好的應用，比如從 object 中省略一個字段。

是否有（建議的）方法也可以將同名變量的值分配給對象的多個屬性？ 換句話說，一種更簡短的說法：

o.foo = foo;
o.bar = bar;
o.baz = baz;

注意：在不丟失o現有屬性的情況下，只添加它們。

Answer 1

使用Object.assign ：

 const o = { initial: 'initial' }; const foo = 'foo'; const bar = 'bar'; const baz = 'baz'; Object.assign(o, { foo, bar, baz }); console.log(o);

請注意，速記屬性名稱和Object.assign都是在 ES6 中引入的——它不需要非常最新的瀏覽器/環境。

將引用重新分配給對象的類似方法是通過傳播o和列表foo, bar, baz來初始化另一個對象：

 let o = { initial: 'initial' }; const foo = 'foo'; const bar = 'bar'; const baz = 'baz'; o = { ...o, foo, bar, baz }; console.log(o);

Answer 2

const foo = 'foo';
const bar = 'bar';
const baz = 'baz';
const o = {foo, bar, baz};
console.log(o);