在前端开发中，我们经常需要使用 Object.assign 方法来将一个或多个对象的属性合并到一个目标对象中。这个方法非常实用，但在使用时也有一些不便之处。在 ES7 中，我们可以使用对象属性初始化语法来简化 Object.assign 的使用。
ES7 对象属性初始化
ES7 中新增了一种对象属性初始化语法，可以让我们更方便地定义对象的属性。这种语法使用大括号 {} 来包含对象的属性，每个属性使用冒号 : 分隔键和值，多个属性使用逗号 , 分隔。示例代码如下：
const name = '张三';
const age = 20;
const person = { name, age };
console.log(person); // { name: '张三', age: 20 }在上面的代码中，我们使用对象属性初始化语法定义了一个 person 对象，其中包含了 name 和 age 两个属性。这种语法能够让我们更方便地定义对象，减少了代码量和出错的可能性。
简化 Object.assign
在使用 Object.assign 方法时，我们需要先定义一个目标对象，然后将其他对象的属性合并到这个目标对象中。示例代码如下：
const target = {};
const source1 = { name: '张三' };
const source2 = { age: 20 };
Object.assign(target, source1, source2);
console.log(target); // { name: '张三', age: 20 }在上面的代码中，我们先定义了一个空对象 target，然后使用 Object.assign 方法将 source1 和 source2 两个对象的属性合并到 target 中。这种写法需要先定义一个目标对象，然后将其他对象的属性合并到这个目标对象中，比较繁琐。
在 ES7 中，我们可以使用对象属性初始化语法来简化 Object.assign 的使用。示例代码如下：
const source1 = { name: '张三' };
const source2 = { age: 20 };
const target = { ...source1, ...source2 };
console.log(target); // { name: '张三', age: 20 }在上面的代码中，我们使用了对象属性初始化语法，将 source1 和 source2 两个对象的属性合并到一个新的对象 target 中。这种写法比较简洁，也减少了定义目标对象的步骤。
总结
ES7 中新增的对象属性初始化语法可以让我们更方便地定义对象的属性，同时也可以简化 Object.assign 方法的使用。在实际开发中，我们可以根据具体的需求选择使用哪种语法，以提高代码的可读性和效率。
示例代码
// javascriptcn.com 代码示例
// 使用 ES7 对象属性初始化简化 Object.assign
const source1 = { name: '张三' };
const source2 = { age: 20 };
// 使用 Object.assign 方法
const target1 = {};
Object.assign(target1, source1, source2);
console.log(target1); // { name: '张三', age: 20 }
// 使用对象属性初始化语法
const target2 = { ...source1, ...source2 };
console.log(target2); // { name: '张三', age: 20 }来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65614a29d2f5e1655db5cd16