Javascript 中淺拷貝與深拷貝的實現

最後更新：2017-02-28 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

javascript

javascript中的對像賦值與 Java中是一樣的 ,都為引用傳遞.
就是說,在把一個對像賦值給一個變數時,那麼這個變數所指向的仍就是原來對像的地址.那怎麼來做呢答案是複製.

什麼是"clone"？

在實際編程過程中，我們常常要遇到這種情況：有一個對象A，在某一時刻A中已經包含了一些有效值，此時可能會需要一個和A完全相同新對象B，並且此後對B任何改動都不會影響到A中的值，也就是說，A與B是兩個獨立的對象，但B的初始值是由A對象確定的。在Java/javasript語言中，用簡單的指派陳述式是不能滿足這種需求的。要滿足這種需求雖然有很多途徑，但實現clone()方法是其中最簡單，也是最高效的手段,當然了 javascript語言中並沒有此方法.

所以我特意寫了兩個複製方法:一個為淺複製 ,一個為深複製.
解釋:
淺複製(影子複製):只複製對像的基本類型,對像類型,仍屬於原來的引用.
深複製(深度複製):不緊複製對象的基本類,同時也複製原對象中的對像.就是說完全是新對象產生的.

下面是代碼,我己測試過了,還沒遇到什麼問題 ,希望大家感興趣的一起參與.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Generator" CONTENT="Wawa Editor 1.0">
<META NAME="Author" CONTENT="八神奄">
<META NAME="Keywords" CONTENT="javascript,Java,XML,XSLT,ASP,VBScript,ASP .net,C#,C++,Database">
<META NAME="Description" CONTENT="不及格的程式員,無所不在">
</HEAD>

<BODY>
<SCRIPT LANGUAGE="javascript">
<!--

function Object.prototype.clone(){
var newObj = new Object();
for(elements in this){
newObj[elements] = this[elements];
}
return newObj;
}

function Object.prototype.cloneAll(){
function clonePrototype(){}
clonePrototype.prototype = this;
var obj = new clonePrototype();
for(var ele in obj){
if(typeof(obj[ele])=="object") obj[ele] = obj[ele].cloneAll();
}
return obj;
}

var obj1   = new Object();
obj1.Team   = "First";
obj1.Powers   = new Array("Iori","Kyo");
obj1.msg   = function(){alert()};
obj1.winner   = new Object();
obj1.winner.name = obj1.Powers[0];
obj1.winner.age  = 23;
obj1.winner.from = "Japan"

var obj1_clone   = obj1.cloneAll();
obj1_clone.Team   = "Second";
obj1_clone.Powers  = new Array("Jimmy","Anndy");
obj1_clone.winner.name = obj1_clone.Powers[1];
obj1_clone.winner.age = 22;
obj1_clone.winner.from = "USA";

msg = "2003界拳皇單打獨鬥杯,拳皇挑戰賽: \n\n A組對戰形式:\n\n"
msg += obj1.Team+" 組 ,人員名單:"+obj1.Powers+"\n";
msg += "第一輪過後,勝利者為:"+obj1.winner.name +" ,參賽者年齡:"+obj1.winner.age+" ,來自島國: "+obj1.winner.from+"\n";
msg += "\n\n B組對戰形式:\n\n"
msg += obj1_clone.Team+" 組 ,人員名單:"+obj1_clone.Powers+"\n";
msg += "第一輪過後,勝利者為:"+obj1_clone.winner.name +" ,參賽者年齡:"+obj1_clone.winner.age+" ,來自國際警察部隊: "+obj1_clone.winner.from+"\n";
alert(msg);

//-->
</SCRIPT>
</BODY>
</HTML>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More