前言
在开发过程中，经常需要对对象进行操作和传递。ES9 中的对象 Rest/Spread 操作符，使得对对象的操作和传递变得更加方便和简洁。本文将介绍 ES9 中的对象 Rest/Spread 实现方法封装，并给出示例代码，希望能够帮助大家更好地理解和使用对象 Rest/Spread 操作符。
对象的 Rest 操作符
Rest 操作符用于取出参数对象中的所有可枚举属性，然后拷贝到指定的目标对象中。它常用于函数传递参数中的对象解构。
示例代码
const obj1 = {a: 1, b: 2, c: 3};
const {a, ...rest} = obj1;
console.log(a); // 1
console.log(rest); // {b: 2, c: 3}在上面的示例代码中，使用了 Rest 操作符将 obj1 中的属性 a 取出并赋值给变量 a，将其他属性拷贝到变量 rest 中。其中 ...rest 就是 Rest 操作符。
实现方法封装
Rest 操作符可以用于在方法中获取除第一个参数对象外的其他参数对象。我们可以通过以下方法实现方法的封装：
-- -------------------- ---- -------
-------- -------------------- ----------- -
--- ------ ------ -- -------- -
--- ------ --- -- ------- -
-- ---------------------------- -
----------- - ------------
-
-
-
------ -------
-在上面的代码中，使用 Rest 操作符将传递给函数的多个对象参数合并到 sources 数组中。然后遍历这个数组，使用 for...in 循环遍历每个 source 对象的属性，将其拷贝到 target 对象中。最后返回 target 对象。
对象的 Spread 操作符
Spread 操作符与 Rest 操作符相反，它用于将一个对象拷贝到另一个对象中。它常用于数组和对象的展开操作。
示例代码
const obj1 = {a: 1, b: 2, c: 3};
const obj2 = {...obj1, d: 4};
console.log(obj2); // {a: 1, b: 2, c: 3, d: 4}在上面的示例代码中，使用 Spread 操作符将 obj1 中的属性拷贝到 obj2 中，并添加了一个新属性 d。其中 {...obj1, d: 4} 就是 Spread 操作符。
实现方法封装
Spread 操作符可以用于合并多个对象为一个对象。我们可以使用以下方法实现方法的封装：
-- -------------------- ---- -------
-------- ------------------------ -
------ ----------------------- ------- -- -
--- ------ --- -- ------- -
-- ---------------------------- -
----------- - ------------
-
-
------ -------
-- ----
-在上面的代码中，使用 Rest 操作符将传递给函数的多个对象参数合并到 sources 数组中。然后使用 reduce 方法将这些对象合并到一个新对象中，最后返回这个新对象。
总结
ES9 中的对象 Rest/Spread 操作符是一项非常有用的功能，它使得对对象的操作和传递变得更加方便和简洁。通过对 Rest/Spread 操作符的方法封装，我们可以更好地理解和使用它们。希望本文能够帮助大家更好地使用对象 Rest/Spread 操作符，提高编码效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c1cc6583d39b48815ff906