面試篇---1 如何區分深拷貝與淺拷貝

如何區分深拷貝與淺拷貝？

---

簡單來講，就是假設B複製了A，當修改A時，看B是否會發生變化，若是B也跟着變了，說明這是淺拷貝，拿人手短，若是B沒變，那就是深拷貝，自食其力。

淺拷貝例子：

var a=[0,1,2,3,4],
       b=a;
    console.log(a===b);
    a[0]=1;
    console.log(a,b);

嗯？明明b複製了a，爲啥修改數組a，數組b也跟着變了，這裏我不由陷入了沉思。

那麼這裏，就得引入基本數據類型與引用數據類型的概念了。

面試常問，基本數據類型有哪些，number,string,boolean,null,undefined五類。

引用數據類型(Object類)有常規名值對的無序對象{a:1}，數組[1,2,3]，以及函數等。

而這兩類數據存儲分別是這樣的：
a.基本類型--名和值存儲在棧內存中，例如let a=1;

---

當你b=a複製時，棧內存會新開闢一個內存，例如這樣：

因此當你此時修改a=2，對b並不會形成影響，由於此時的b已自食其力，翅膀硬了，不受a的影響了。雖然b不受a影響，但這也算不上深拷貝，由於深拷貝自己只針對較爲複雜的object類型數據。

b.引用數據類型--名存在棧內存中，值存在於堆內存中，可是棧內存會提供一個引用的地址指向堆內存中的值，咱們以上面淺拷貝的例子畫個圖：

---

當b=a進行拷貝時，其實複製的是a的引用地址，而並不是堆裏面的值。

而當咱們a[0]=1時進行數組修改時，因爲a與b指向的是同一個地址，因此天然b也受了影響，這就是所謂的淺拷貝了。

那，要是在堆內存中也開闢一個新的內存專門爲b存放值，就像基本類型那樣，豈不就達到深拷貝的效果了.

那麼如何實現深拷貝呢？
一、咱們能夠借用JSON對象的parse和stringify

---

function deepClone(obj){
        var _obj = JSON.stringify(obj),
            objClone = JSON.parse(_obj);
        return objClone
    }
    var a=[0,1,[2,3],4],
        b=deepClone(a);
    a[0]=1;
    a[2][0]=1;
    console.log(a,b);

如今b徹底不受a的影響了。

二、借用JQ的extend方法。

---

$.extend( [deep ], target, object1 [, objectN ] )
deep表示是否深拷貝，爲true爲深拷貝，爲false，則爲淺拷貝
target Object類型 目標對象，其餘對象的成員屬性將被附加到該對象上。
object1 objectN可選。 Object類型 第一個以及第N個被合併的對象。

let a=[0,1,[2,3],4],
    b=$.extend(true,[],a);
a[0]=1;
a[2][0]=1;
console.log(a,b);

。

其實深拷貝也不單單是爲了應付面試題， 在實際開發中也是很是有用的。 例如後臺返回了一堆數據，你須要對這堆數據作操做，
但多人開發狀況下，你是沒辦法明確這堆數據是否有其它功能也須要使用， 直接修改可能會形成隱性問題，深拷貝能幫你更安全安心的去操做數據，
根據實際狀況來使用深拷貝，大概就是這個意思。

原文連接https://www.cnblogs.com/echol...