前面講到 function 的 rest剩余參數和spread擴展運算符，ES9中新增Object的 Rest & Spread 方法：

const input = {a: 1,b: 2 }const output = {...input,c: 3 }console.log(output) // {a: 1, b: 2, c: 3}

這塊代碼展示了 spread 語法，可以把 input 對象的數據都拓展到 output 對象，這個功能很實用，比如在vue中我們經常用它來合并路由對象。

我們再來看下 Object rest 的示例：

const input = {a: 1,b: 2,c: 3 }let { a, ...rest } = inputconsole.log(a, rest) // 1 {b: 2, c: 3}

當對象 key-value 不確定的時候，把必選的 key 賦值給變量，用一個變量收斂其他可選的 key 數據，這在之前是做不到的。

總結

以上是生活随笔為你收集整理的【ES9(2018)】Object Rest Spread的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。