ES9 是 ECMAScript 标准的第九个版本，也称为 ES 2018。在 ES9 中，对象扩展运算符（Object Rest/Spread Properties）是一个非常实用的新特性。它可以简化代码和提高效率，为前端开发带来了不少便利。
对象扩展运算符的概念
对象扩展运算符（也称“展开运算符”）是一种 JavaScript 的语法，用于将一个对象转变为多个对象。我们可以使用三个点（...）来表示对象的扩展运算符。
通过对象扩展运算符，我们可以将一个对象中的所有属性和方法“展开”，生成一个新的对象。它可以实现对象的便捷复制、合并、拷贝等操作。
对象扩展运算符的使用方法
下面是对象扩展运算符的使用方法：
const object1 = { a: 1, b: 2, c: 3 };
const object2 = { d: 4, e: 5 };
const object3 = { ...object1, ...object2 };
console.log(object3); // { a: 1, b: 2, c: 3, d: 4, e: 5 }在上述代码中，我们定义了三个对象：object1、object2、object3。我们使用了对象扩展运算符，将 object1 中的属性和 object2 中的属性合并成了一个新的对象 object3。
对象扩展运算符的场景
快速合并对象
在实际开发中，我们经常需要合并多个对象。使用对象扩展运算符，可以方便地将多个对象合并成一个新对象，可以提高我们的开发效率。
下面是一个例子：
const obj1 = {a:1};
const obj2 = {b:2};
const obj3 = {c:3};
const mergedObj = {...obj1, ...obj2, ...obj3};
console.log(mergedObj); // Output: {a:1, b:2, c:3}复制对象
有时候，我们需要将一个对象复制到另一个对象中。借助对象扩展的运算符，我们可以轻松地复制对象。
const obj1 = {a:1, b:2, c:3};
const obj2 = {...obj1};
console.log(obj2); // Output: {a:1, b:2, c:3}剔除对象属性
对象扩展运算符不仅可以复制合并，还可以用于剔除对象属性。我们只需要用一个扩展运算符将需要保留的属性提取即可实现去除属性的功能。
const obj = {a: 1, b: 2, c: 3};
const {b, ...rest} = obj;
console.log(rest); // Output: {a: 1, c: 3}对象扩展运算符的学习指导意义
对象扩展运算符是 ES9 新增的语法，它为我们带来了方便快捷的代码编写方式。学习对象扩展运算符，我们能够在实践中更好地掌握和运用这种新特性，提高了代码编写的效率和准确性。
在使用对象扩展运算符时，我们需要注意语法和使用场景。通过实践，不断深入地了解和掌握对象扩展运算符，我们可以提高自己在前端开发中的技能和能力，进而产生更高的价值。
总结
本文介绍了 ES9 中对象扩展运算符的概念、使用方法以及使用场景。通过本文的学习，相信大家已经对对象扩展运算符有了深刻的认识。在实际开发中，我们可以充分利用对象扩展运算符，减少代码量、提高开发效率，进而提高我们的技术水平。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648cfcb648841e9894b48754