1.用于取出參數對象中的所有可遍歷屬性，拷貝到當前對象之中

let bar = { a: 1, b: 2 }; let baz = { ...bar }; // { a: 1, b: 2 } 等價于 let bar = { a: 1, b: 2 }; let baz = Object.assign({}, bar); // { a: 1, b: 2 }

1.1同名屬性會被覆蓋

let bar = {a: 1, b: 2}; let baz = {...bar, ...{a:2, b: 4}}; // {a: 2, b: 4}

2.數組的擴展運算符

2.1可以將數組轉換為參數序列

function add(x, y) {return x + y; }const numbers = [4, 38]; add(...numbers) // 42

2.2擴展運算符還可以將字符串轉為真正的數組

[...'hello'] // [ "h", "e", "l", "l", "o" ]

2.3基礎類型是拷貝 數組是引用?

let obj1 = { a: 1, b: 2}; let obj2 = { ...obj1, b: '2-edited'}; console.log(obj1); // {a: 1, b: 2} console.log(obj2); // {a: 1, b: "2-edited"}let obj1 = { a: 1, b: 2, c: {nickName: 'd'}}; let obj2 = { ...obj1}; obj2.c.nickName = 'd-edited'; console.log(obj1); // {a: 1, b: 2, c: {nickName: 'd-edited'}} console.log(obj2); // {a: 1, b: 2, c: {nickName: 'd-edited'}}

?

總結

以上是生活随笔為你收集整理的JS之ES6扩展运算符三个点（...）用于剥离{} 获取属性值的全部內容，希望文章能夠幫你解決所遇到的問題。

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