如何一次性更新多个JavaScript对象属性？是否存在简写方式实现指定的对象属性赋值操作？

嘿，这个问题问得挺实用的，日常写JS经常会碰到类似需求！我来给你梳理一下可行的方案，还有你提到的两种写法的具体情况：

一、你提到的两种写法解析 #

第二种写法：直接初始化对象 #

首先说你提到的第二种写法，这完全是合法且非常推荐的写法！如果一开始就知道要给对象设置哪些属性，直接用对象字面量初始化是最简洁高效的方式：

let o = { a: 1, b: 2 };

这里属性名是合法标识符的话，还可以省略引号，写起来更清爽。如果属性名是特殊字符或者变量，再用引号包裹就行，比如let o = { 'user-name': 'Alice' }。

第一种写法：类似update的方法 #

JavaScript原生对象并没有内置的update方法，但我们可以用原生API模拟这个效果，甚至自己封装一个，后面会详细说~

二、常用的一次性更新属性方案 #

1. 用Object.assign()（ES6+） #

这是官方提供的合并对象方法，专门用来把一个或多个源对象的属性复制到目标对象上，完美实现"一次性更新多个属性"的需求。比如：

let o = {};
// 把{a:1, b:2}的属性合并到o里
Object.assign(o, { a: 1, b: 2 });
// 现在o就是 {a: 1, b: 2}

如果o原来已经有属性，比如o = { c: 3 }，执行上面的代码后，o会变成{ c: 3, a: 1, b: 2 }；如果源对象和目标对象有同名属性，源对象的属性会覆盖目标对象的哦。

2. 对象展开运算符（ES2018+） #

如果你不想修改原对象，而是想要返回一个新的合并后的对象，用展开运算符会更优雅：

let o = { c: 3 };
// 创建新对象，保留原o的属性，同时添加a和b
o = { ...o, a: 1, b: 2 };
// 现在o是 {c: 3, a: 1, b: 2}

这种方式属于"不可变更新"，在React这类框架的状态更新里很常用，避免直接修改原对象带来的副作用。

3. 自定义update方法 #

如果你真的想要类似o.update()的写法，也可以自己封装一个。不过要注意，尽量不要修改Object.prototype（会污染全局对象），可以给单个对象添加，或者用类来实现：

给单个对象添加update方法

let o = {};
o.update = function(props) {
  // 用Object.assign把props的属性合并到当前对象
  Object.assign(this, props);
};
// 调用方法更新属性
o.update({ a: 1, b: 2 });

用类封装（适合需要多个这类对象的场景）

class CustomObject {
  update(props) {
    Object.assign(this, props);
  }
}

let o = new CustomObject();
o.update({ a: 1, b: 2 });

三、不同场景的选择建议 #

• 初始化对象且知道所有属性：直接用对象字面量let o = {a:1, b:2}，最省心。
• 更新已有对象且要修改原对象：优先用Object.assign()，兼容性好（ES6及以上支持，低版本可以用polyfill）。
• 需要不修改原对象的更新：用对象展开运算符{...o, ...props}。
• 有多个对象需要频繁更新属性：可以封装自定义update方法或者用类。

内容的提问来源于stack exchange，提问作者David542