在 ES6 中，JavaScript 引入了 Rest 和 Spread 操作符。这两个操作符在函数参数和数组中的使用非常方便。在 ES9 中，这两个操作符得到了进一步的改进和增强。本文将详细介绍 ES9 中 Rest 和 Spread 操作符的新特性，并提供一些实用的示例代码。
Rest 操作符
Rest 操作符可以将一个不定数量的参数表示为一个数组。在 ES9 中，Rest 操作符还可以在对象字面量中使用。
函数参数
在函数参数中使用 Rest 操作符可以将不定数量的参数表示为一个数组。例如：
function sum(...numbers) {
return numbers.reduce((acc, val) => acc + val);
}
console.log(sum(1, 2, 3, 4)); // 输出 10在这个示例中，sum 函数接受一个不定数量的参数，并使用 Rest 操作符 ...numbers 将这些参数表示为一个数组。然后，我们使用 Array.prototype.reduce() 方法将这些参数相加并返回总和。
对象字面量
在 ES9 中，Rest 操作符还可以在对象字面量中使用。这意味着我们可以使用 Rest 操作符将一个对象的所有属性表示为一个新的对象。例如：
-- -------------------- ---- ------- ----- ------ - - ----- -------- ---- --- ----- ---- ------ -------- ------ -- ----- - ----- ---- ---------- - - ------- ------------------ -- -- ------- ----------------- -- -- -- --------------------- -- -- - ----- ---- ------ -------- ----- -
在这个示例中，我们使用对象解构和 Rest 操作符将 person 对象的 name 和 age 属性分别解构到 name 和 age 变量中。然后，我们使用 Rest 操作符 ...address 将 city 和 country 属性表示为一个新的对象 address。
Spread 操作符
Spread 操作符可以将一个数组或对象展开为独立的值。在 ES9 中，Spread 操作符还可以在对象字面量中使用。
数组
在数组中使用 Spread 操作符可以将一个数组展开为独立的值。例如：
const numbers1 = [1, 2, 3]; const numbers2 = [4, 5, 6]; const allNumbers = [...numbers1, ...numbers2]; console.log(allNumbers); // 输出 [1, 2, 3, 4, 5, 6]
在这个示例中，我们使用 Spread 操作符将 numbers1 和 numbers2 数组展开为独立的值，并将它们合并到一个新的数组 allNumbers 中。
对象字面量
在 ES9 中，Spread 操作符还可以在对象字面量中使用。这意味着我们可以使用 Spread 操作符将一个对象的所有属性展开到另一个对象中。例如：
-- -------------------- ---- ------- ----- ------ - - ----- -------- ---- --- -- ----- ------- - - ----- ---- ------ -------- ------ -- ----- ----------------- - - ---------- ---------- -- ------------------------------- -- -- - ----- -------- ---- --- ----- ---- ------ -------- ----- -
在这个示例中，我们使用 Spread 操作符将 person 和 address 对象展开为独立的属性，并将它们合并到一个新的对象 personWithAddress 中。
总结
在 ES9 中，Rest 和 Spread 操作符得到了进一步的改进和增强。Rest 操作符可以在对象字面量中使用，使我们能够将一个对象的所有属性表示为一个新的对象。Spread 操作符可以在对象字面量中使用，使我们能够将一个对象的所有属性展开到另一个对象中。这些操作符在函数参数和数组中的使用非常方便，可以大大简化代码。我们希望本文提供的示例代码可以帮助您更好地理解和使用 Rest 和 Spread 操作符。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/660a5d69d10417a2229ead25