js如何實(shí)現(xiàn)深拷貝

這篇文章給大家分享的是有關(guān)js如何實(shí)現(xiàn)深拷貝的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

深拷貝

使用變量 a 拷貝對(duì)象 b，改變 a 中的值 b 中的值也會(huì)跟著改變，這叫做淺拷貝。要想讓 a 獨(dú)立于 b 就需要深拷貝

簡(jiǎn)易處理

function deepClone() {
 return JSON.parse(JSON.stringify(obj))
}

既然是建議處理就有他的不足，上面主要是用了 JSON 的序列化和反序列化。而 JSON 是不支持函數(shù)和 undefined 的因此碰到這些情況會(huì)缺失，但是已經(jīng)能夠滿足大部分情況了

復(fù)雜處理

復(fù)雜處理就需要采用遞歸的方式了

function deepClone(obj) { 
 function isClass(o) { 
 if (o === null) return "Null"; 
 if (o === undefined) return "Undefined"; 
 return Object.prototype.toString.call(o).slice(8, -1); 
 } 
 var result; 
 var oClass = isClass(obj); 
 if (oClass === "Object") { 
 result = {}; 
 } else if (oClass === "Array") {
 result = []; 
 } else { 
 return obj; 
 } 
 for (var key in obj) { 
 var copy = obj[key]; 
 if (isClass(copy) == "Object") { 
 result[key] = arguments.callee(copy);//遞歸調(diào)用 
 } else if (isClass(copy) == "Array") { 
 result[key] = arguments.callee(copy); 
 } else { 
 result[key] = obj[key]; 
 } 
 } 
 return result;
}

感謝各位的閱讀！關(guān)于“js如何實(shí)現(xiàn)深拷貝”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！