本文小編為大家詳細(xì)介紹“javascript深拷貝應(yīng)用實(shí)例分析”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“javascript深拷貝應(yīng)用實(shí)例分析”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識(shí)吧。

為新城等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及新城網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為做網(wǎng)站、網(wǎng)站設(shè)計(jì)、新城網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

要講JavaScript的拷貝，就得先講講javascript中的值傳遞和引用傳遞。

javascript中沒有一個(gè)具體的語法來規(guī)定哪些參數(shù)是引用傳遞，而其他語言中都有明文規(guī)定，比如 C# 中的 ref 和 PHP 中的 & 。

這也是javascript眾多弊端中的一個(gè)。

我們先看看下面這段代碼：

//值傳遞
var i = 3;
var j = i;
j = 4;
document.write(i);//3
//引用傳遞
var m = [1];
var n = m;
n[0] = 2;
document.write(n[0]);//2

說明，javascript中只有簡(jiǎn)單類型是值傳遞，而其他復(fù)雜類型比如數(shù)組、對(duì)象都是默認(rèn)就是引用傳遞的。

那么我們?nèi)绻枰獜?fù)制一個(gè)對(duì)象呢？就必須自己定義方法：

//深度拷貝函數(shù)，其實(shí)就是值傳遞
function cloneObject(srcobj){
  var tarobj=new Object();
  for(var key in srcobj){//判斷對(duì)象中是否繼續(xù)為對(duì)象
    tarobj[key]=typeof srcobj[key]==='object'?cloneObject(srcobj[key]):srcobj[key];
  }
  return tarobj;
}
//驗(yàn)證深度拷貝函數(shù)的使用
// 測(cè)試用例：
var srcObj = {
  a: 1,
  b: {
    b1: ["hello", "hi"],
    b2: "JavaScript"
  }
};
var abObj = srcObj;//引用傳遞
var tarObj = cloneObject(srcObj);
srcObj.a = 2;
srcObj.b.b1[0] = "Hello";
console.log(abObj.a);//2
console.log(abObj.b.b1[0]);//Hello,說明普通的=是一種引用傳遞
console.log(tarObj.a);   // 1
console.log(tarObj.b.b1[0]);  // "hello",說明我們定義的深拷貝是值傳遞

其實(shí)就是通過實(shí)例化一個(gè)新的對(duì)象，從而在堆中開辟一塊新的內(nèi)存空間，使得棧中的變量名指向堆中的新內(nèi)容。

讀到這里，這篇“javascript深拷貝應(yīng)用實(shí)例分析”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。