es6擴充套件運算子

<

!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
document<
/title>
// 1.擴充套件運算子 深拷貝複製資料
let z =
let n =
console.
log(n)
// z.a =
7 console.
log(z)
// // 等同於object.assign
let b = object.
assign
(, z)
console.
log(b)
// b.a =
9999
console.
log(z, b)
// 
// 2.json.parse(json.stringify(z)) 深轉殖
let c =
json
.parse
(json
.stringify
(z))
console.
log(c)
// c.a =
99 console.
log(z, c)
// 
// 3.擴充套件運算子只能拷貝一維物件或陣列，拷貝不了多維物件或陣列
const obj =
const
= obj
console.
log(x)
// const obj2 =
}const
= obj2
obj2.a.b =
99 console.
log(x2)
// } 資料來源被改變了
// 4.合併物件深拷貝
// let ab = 
// // 等同於
// let ab = object.assign({}, a, b)
// 深拷貝
let data1 =
let data2 =
let data3 =
data1.a =
5 console.
log(data3)
// let
= console.
log(xx,yy,zz)
// 1 2 
<
/script>
<
/head>
<
/body>
<
/html>

ES6 擴充套件運算子

擴充套件運算子用3個點表示,功能是把陣列或者類陣列物件展開成一系列用逗號隔開的值 1，陣列 let arr red green blue console.log arr red,green,blue拷貝陣列 和object.assign一樣都是淺拷貝 let arr red green blue l...

ES6擴充套件運算子

首先，我們要讀仔細下面這句話，就很容易知道擴充套件運算子的使用了，可以在心裡反覆讀三遍 接下來，我們看下究竟怎麼個情況 宣告乙個方法 var foo function a,b,c console.log a console.log b console.log c 宣告乙個陣列 var arr 1,2...

es6擴充套件運算子

1 複製 拷貝 陣列 陣列元素都是基本資料型別 var arr a b c var copy arr console.log copy a b c arr copy false2 函式呼叫 陣列作引數 function add x,y var numbers 4 38 add numbers 423...