Javascript 賦值機制詳解

更新時間：2014年11月23日 12:03:23 投稿：hebedich

本文通過實例詳細(xì)介紹了javascript的賦值機制，是篇非常不錯的文章，這里推薦給小伙伴們。

今天回答了一個關(guān)于 Javascript 的問題，涉及到了賦值問題，因此想把這個問題好好總結(jié)下。

var a = 'test';

var b = function() {};

b.a = 'test';

function change(m, n) {

    m = 'change';

    n.a = 'change';

}

change(a, b);

執(zhí)行上述代碼后，變量 a 和 b 的值會發(fā)生改變嗎？

原始值和引用值

在之前的文章中介紹過原始值和引用值，原始值指的 Undefined, Null, Boolean, Number, String 等，它們存放在棧中，而引用值則集成自 Object，它被存放在堆中。
這里要把兩者區(qū)分清楚：

var a = 'test';

var b = new String('test');

var A = 'true';

var B = new Boolean('true');

以上四個變量，a 和 A 為原始值，而 b 和 B 則為引用值。

賦值機制

清楚了原始值和引用值的區(qū)別后，就可以具體介紹 Javascript 的賦值機制：

在 Javascript 中，對于原始值類型的變量，每次賦值都將生成一份拷貝，而對于引用值，則正如其名，是通過引用賦值，指向同一個存儲對象的內(nèi)存處。
原始值的賦值：

var a = 1;//原始值 

var b = a;//生成一份拷貝給變量 b

b = 2;//與 a 無關(guān)

alert(a);//輸出 1

引用值的賦值：

var A= new Object();//引用值

A.x = 1;

var B = A;//引用賦值，指向同一個內(nèi)存處

B.x = 2;//修改 B 將影響 A

alert(A.x);//輸出 2

參數(shù)傳遞

現(xiàn)在我們來看看傳遞兩種類型的值給函數(shù)形參時時怎么處理的。
1.傳遞原始值

var a = 1;

function test(m) {

    m = 2;

}

test(a);

alert(a);//輸出 1

輸出為1，所以我們知道函數(shù)只是將變量的值傳遞進(jìn)去了，所以在函數(shù)體內(nèi)的 m 得到傳來的值1，再被賦值為2，這個過程不影響外部的變量 a。

2.傳遞引用值

var A= new Object();

A.x = 1

function test(M) {

    M.x = 2;

}

test(A);

alert(A.x);//輸出 2

輸出為2，所以我們知道函數(shù)將變量的地址傳遞進(jìn)去了，所以函數(shù)體內(nèi)的 M 得到傳遞來的地址，因此屬性 x 被賦值為2的同時也會影響指向同一內(nèi)存地址的 A。

總結(jié)

現(xiàn)在再回到開篇的問題：

var a = 'test';

var b = function() {};

b.a = 'test';

function change(m, n) {

    m = 'change';

    n.a = 'change';

}

change(a, b);

變量 a 為原始值，變量 b 為引用值，傳遞進(jìn)函數(shù)體內(nèi)一個為值，一個為地址，所以函數(shù)運行后，變量 a 不會改變，而變量 b 的值將會改變。

您可能感興趣的文章:

国产无遮挡裸体免费直播视频,久久精品国产蜜臀av,动漫在线视频一区二区,欧亚日韩一区二区三区,久艹在线免费视频,国产精品美女网站免费,正在播放 97超级视频在线观看,斗破苍穹年番在线观看免费,51最新乱码中文字幕