js數組中的引用類型

我們看一下這個例子：

let a={tile:'深復制'};  
let b=a;  
a.title='淺復制';  

那么我們會獲得兩個對象，一個a，一個b，a的title是淺復制，b的title是深復制。
但結果真是這樣嗎？

我們console.log一下

 

 

 為啥兩個都是輸出"淺復制"。。。。

其實，a，b是共用同一個地址，所以雖然看起來是兩個對象，其實就是一個對象，a===b，這就是深復制，復制的不僅僅是數據，而且連地址一起復制過來了，相當於Windows的快捷方式，表面上看起來一個在C盤，一個在D盤，其實都是一個文件。

那么，如果我們僅僅想復制”深復制“這三個字呢？a的title和b的title要不同，我們如何來做。

let a={title:'深復制'};  
let b={...a,content:"一個教程"};  
a.title='淺復制';  
console.log(a.title);  
console.log(b.title);  

我們再來看打印結果

這樣我們雖然復制了a的所有數據，但是a和b是不同的對象，更改任意一個的數據，不會影響到第二個，而且b還可以對a 進行拓展，比如加了content一個字段。

 

添加一個字段很煩？那再來說說這個

let a=[1,23];  
let b=[...a];  
b[1]=32;
console.log(a);   //[1, 23]
console.log(b);  //[1, 32]

 

看到了么？ES6的剩余參數也可以直接做到深復制,完全不需要添加字段或者數組a.concat('')來進行復制

更新，上面這個不對，往下看

let a =[{a:1}]
let b = JSON.parse(JSON.stringify(a))
b[0].a=3

consloe.log(a[0].a)  // 1

用json轉才可以完成深賦值，因為字符串轉成對象之后就是一個新的對象了；