快捷導(dǎo)航

javascript深拷貝的原理與實(shí)現(xiàn)方法分析

更新時(shí)間：2017年04月10日 11:21:39 作者：布瑞澤的童話

這篇文章主要介紹了javascript深拷貝的原理與實(shí)現(xiàn)方法,簡(jiǎn)單分析了值傳遞和引用傳遞的原理與實(shí)現(xiàn)方法,并結(jié)合實(shí)例形式給出了深拷貝的具體實(shí)現(xiàn)技巧,需要的朋友可以參考下

本文實(shí)例講述了javascript深拷貝的原理與實(shí)現(xiàn)方法。分享給大家供大家參考，具體如下：

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

javascript中沒(méi)有一個(gè)具體的語(yǔ)法來(lái)規(guī)定哪些參數(shù)是引用傳遞，而其他語(yǔ)言中都有明文規(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

說(shuō)明，javascript中只有簡(jiǎn)單類(lèi)型是值傳遞，而其他復(fù)雜類(lèi)型比如數(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,說(shuō)明普通的=是一種引用傳遞
console.log(tarObj.a);   // 1
console.log(tarObj.b.b1[0]);  // "hello",說(shuō)明我們定義的深拷貝是值傳遞

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

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: