ES9标准中的Object Rest & Spread-JavaScript中文网-JavaScript教程资源分享门户

随着 JavaScript 的不断发展，越来越多的新特性被加入到 ECMAScript 标准中。其中，ES9中的Object Rest & Spread是一项非常实用的特性，它实现了对多个对象进行处理的功能，大大提高了开发效率和代码可读性。

Object Rest

Object Rest 是将一个对象中的部分属性提取出来，生成一个新的对象的过程。这个过程可以通过{...}操作符来实现。

下面是一个例子，将一个对象中的部分属性提取出来：

const obj = {a: 1, b: 2, c: 3};
const {a, ...rest} = obj;
console.log(a);    // 1
console.log(rest); // {b: 2, c: 3}

上述代码中，由{a, ...rest} = obj这一行代码实现了 Object Rest 的功能。其中，a是我们要提取的属性，...rest表示剩余的属性会被提取到一个新的对象 rest 中。因此，我们在输出 a 的同时也输出了rest。

需要注意的是，{...}操作符只能用在对象中，而不能用于数组。需要处理数组的情况可以使用 Array Rest。

Object Spread

Object Spread 是将多个对象合并成一个对象的过程。同样使用{...}操作符来实现。

下面是一个例子，将多个对象合并成一个对象：

const obj1 = {a: 1, b: 2};
const obj2 = {c: 3, d: 4};
const newObj = {...obj1, ...obj2};
console.log(newObj); // {a: 1, b: 2, c: 3, d: 4}

上述代码中，由{...obj1, ...obj2}这一行代码实现了 Object Spread 的功能。它将 obj1 和 obj2 中的所有属性合并成一个新的对象 newObj 中。

需要注意的是，如果多个对象中存在同名属性，则后面的属性会覆盖前面的属性。因此，在使用 Object Spread 时要注意属性名的唯一性。

总结

Object Rest & Spread 是 ES9 中的一项非常实用的特性，可以大大提高开发效率和代码可读性。通过 Object Rest 可以提取对象中的部分属性，生成一个新的对象；通过 Object Spread 可以将多个对象合并成一个新的对象。

下面是两个常见的用例：

用例1：单向数据流（Redux）

Redux 是一个 JavaScript 应用程序状态管理库，在 Redux 中，使用 Object Rest 来提取 state 中的部分属性，使用 Object Spread 来合并新的 state 对象。

-- -------------------- ---- -------
----- ------- - ------- ------- -- -
  ------ ------------- -
    ---- --------------
      ------ ---------- ----- ----------------
    ---- --------------
      ------ ---------- ----- ----------------
    --------
      ------ ------
  -
-

用例2：对象浅拷贝

在开发中，有时需要对一个对象进行浅拷贝。这时可以使用 Object Spread 来实现。

const obj = {a: 1, b: 2, c: 3};
const newObj = {...obj};
console.log(newObj); // {a: 1, b: 2, c: 3}

延伸阅读

了解更多有关 Object Rest & Spread 的内容，可以参考以下链接：

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/646c56b6968c7c53b0b54cdc