ES9 中的对象 Rest/Spread 属性用法详解
随着 JavaScript 语言的不断发展，ES9 中新增了一些对象属性的操作方法，其中不容忽视的一个是 Rest/Spread 属性。这一属性的主要功能是可以在对象中使用扩展运算符以便更方便地操作对象，下面我们来详细分析它的使用方法。
什么是 Rest/Spread 属性
首先，我们来简单解释一下 Rest/Spread 属性的概念，翻译过来可以称之为“剩余”和“扩展”属性。这两个属性表示的是将对象中的剩余属性和扩展属性进行操作，以实现更加灵活的代码编写。
Rest 属性用法详解
Rest 属性可以用来提取对象的剩余属性，即将对象中的一些属性提取出来并存储到一个新的对象中，方便我们灵活的对对象进行操作。
例如，在一个对象中，我们只需要获取其中的一部分属性：
let obj = { a: 1, b: 2, c: 3, d: 4 };
let { a, b, ...rest } = obj;
console.log(rest); // { c: 3, d: 4 }通过以上代码可以得知，我们使用了 Rest 属性提取了对象中的 a 和 b 两个属性，并将剩余的属性存储在 rest 变量中，最终输出的结果也与我们所预期的一样。
除了对象的剩余属性之外，我们还可以使用 Rest 属性来操作函数中的参数，例如：
function foo(a, b, ...rest) {
console.log(rest);
}
foo(1, 2, 3, 4, 5); // [3, 4, 5]通过上面这段代码，我们看到我们可以将函数中多余的参数放在 rest 中，可以随时随地地扩展新的参数。
Spread 属性用法详解
Spread 属性可以说是 Rest 属性的反向操作，比如我们需要将一个对象的属性展开到另一个对象中，这时就需要使用 Spread 属性了。
例如：
let obj1 = { a: 1, b: 2 };
let obj2 = { c: 3, ...obj1 };
console.log(obj2); // { c: 3, a: 1, b: 2 }在这个例子中，我们将对象 obj1 的属性用 Spread 属性展开在对象 obj2 中。此时，我们输出 obj2 的结果便是包含了 obj1 所有的属性和值。
最后，我们就可以看到，通过 Rest/Spread 属性，我们可以更加方便和灵活地操作对象的属性和对象中的剩余属性，这样的语法使代码可读性和可维护性更高。
总结
在 ES9 中，新增了 Rest/Spread 属性，这是一组非常有用的对象属性操作方法，它们可以更方便、更灵活地操作对象中的属性。通过使用这些方法，我们可以更加清晰地阐述代码的本意并提高代码的运行效率。希望本文对你有用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646482c1968c7c53b055fb07