這篇文章將為大家詳細講解有關javascript深拷貝的示例分析，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創新互聯公司是專業的孟州網站建設公司，孟州接單;提供網站設計制作、成都做網站,網頁設計,網站設計,建網站,PHP網站建設等專業做網站服務;采用PHP框架,可快速的進行孟州網站開發網頁制作和功能擴展;專業做搜索引擎喜愛的網站,專業的做網站團隊,希望更多企業前來合作!

具體如下：

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

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

這也是javascript眾多弊端中的一個。

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

//值傳遞
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中只有簡單類型是值傳遞，而其他復雜類型比如數組、對象都是默認就是引用傳遞的。

那么我們如果需要復制一個對象呢？就必須自己定義方法：

//深度拷貝函數，其實就是值傳遞
function cloneObject(srcobj){
  var tarobj=new Object();
  for(var key in srcobj){//判斷對象中是否繼續為對象
    tarobj[key]=typeof srcobj[key]==='object'?cloneObject(srcobj[key]):srcobj[key];
  }
  return tarobj;
}
//驗證深度拷貝函數的使用
// 測試用例：
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",說明我們定義的深拷貝是值傳遞

其實就是通過實例化一個新的對象，從而在堆中開辟一塊新的內存空間，使得棧中的變量名指向堆中的新內容。

關于“javascript深拷貝的示例分析”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

分享標題：javascript深拷貝的示例分析
鏈接URL：http://vcdvsql.cn/article36/jhjdsg.html

成都網站建設公司_創新互聯，為您提供云服務器、App開發、響應式網站、網站維護、定制開發、域名注冊

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯