金木編程

avascript對象引用與賦值

<script type="text/javascript">

//例子一: 引用

var myArrayRef = new Array(0,1,2); //創(chuàng)建數(shù)組對象

var mySeconArrayRef = myArrayRef; // 對象復(fù)制.

myArrayRef[0] = 100; // 修改元素值

alert(mySeconArrayRef[0]);

/**

* 輸出 100; 學(xué)過其它語言的都應(yīng)該知道這里應(yīng)該輸出的是0 為什么輸出的是100呢?

* 上面程序通過把myArrayRef對象復(fù)制給了mySeconArrayRef這時就存在了2個獨(dú)立的 但最初值是相同的對象

* 因?yàn)槭仟?dú)立的為什么修改myArrayRef會對別一個對象有影響呢?大家都知道只有當(dāng)他們引用的是同一個對象時這時修改一個才會

* 對別一個產(chǎn)生影響.但是在javascript語言中創(chuàng)建的對象myArrayRef值中其時保存的是對象的引用(也就是一個地址).

* 也就是 我用 new Array生成的保存在內(nèi)存中而new Array把它所在的地方告訴了myArrayRef,myArrayRef又把這地址告訴了mySeconArrayRef

* 他們兩個都指向的是new Array生成對象的地址而不是把對象保存在myArrayRef中,所以通過其中的一個去修改值時其時是修改他們同指象的那對象.

*/

alert(mySeconArrayRef[0] );

//例子二: 賦值

var myVa = 'ABC'; //把ABC的值 賦予了myVa

var myVb = myVa; // myVa 賦值給 myVb

myVa = 'DEF'; //修改myVa

/**

* 輸出的是:ABC. 因?yàn)槭前阎当４嬖诹俗兞苛?而不是保存的是引用地址,所以他們兩個是相對獨(dú)立的整體.

*/

alert(myVb);

</script>

如果真要復(fù)制對象互不影響，則要通過轉(zhuǎn)換賦值或者遍歷key:value來復(fù)制你中的方法和屬性。

注意：對象的子對象也是引用，所以遍歷賦值的時候要判斷，子元素是否是對象，如果子元素是對象，則繼續(xù)對子元素進(jìn)行遍歷賦值。
轉(zhuǎn)換賦值方式：

var data = {a:1,b:2,c:3,d:[0,1,2,3]};
var str = JSON.stringify(data);
var data1 = $.parseJSON(str); //$為jQuery對象需要引入jQuery包
data1["e"] = 4;
data1["d"][0] = 11;
console.log(data);
console.log(data1);

輸出結(jié)果：
{a: 1, b: 2, c: 3, d: [0,1,2,3]}
{a: 1, b: 2, c: 3, d: [11,1,2,3], e: 4}

相互沒有影響

var data = {a:1,b:2,c:3,d:{q:4,w:5,e:6}};
var data1 = data;
function con(data2){
data2["r"] = 5;
console.log(JSON.stringify(data2));
}
con(data1);
console.log(JSON.stringify(data));

var arr = {"a":"1","b":"2"};
var arr1 = arr;
arr = {};
arr["a"] = 2;
console.log(arr1);
console.log(arr);