今天回答了一個關於 Javascript 的問題,涉及到了賦值問題,因此想把這個問題好好總結下。
復制代碼 代碼如下:
var a = 'test';
var b = function() {};
b.a = 'test';
function change(m, n) {
m = 'change';
n.a = 'change';
}
change(a, b);
執行上述代碼後,變量 a 和 b 的值會發生改變嗎?
原始值和引用值
在 之前的文章中介紹過原始值和引用值,原始值指的 Undefined, Null, Boolean, Number, String 等,它們存放在棧中,而引用值則集成自 Object,它被存放在堆中。
這裡要把兩者區分清楚:
復制代碼 代碼如下:
var a = 'test';
var b = new String('test');
var A = 'true';
var B = new Boolean('true');
以上四個變量,a 和 A 為原始值,而 b 和 B 則為引用值。
賦值機制
清楚了原始值和引用值的區別後,就可以具體介紹 Javascript 的賦值機制:
在 Javascript 中,對於原始值類型的變量,每次賦值都將生成一份拷貝,而對於引用值,則正如其名,是通過引用賦值,指向同一個存儲對象的內存處。
原始值的賦值:
復制代碼 代碼如下:
var a = 1;//原始值
var b = a;//生成一份拷貝給變量 b
b = 2;//與 a 無關
alert(a);//輸出 1
引用值的賦值:
復制代碼 代碼如下:
var A= new Object();//引用值
A.x = 1;
var B = A;//引用賦值,指向同一個內存處
B.x = 2;//修改 B 將影響 A
alert(A.x);//輸出 2
參數傳遞
現在我們來看看傳遞兩種類型的值給函數形參時時怎麼處理的。
1.傳遞原始值
復制代碼 代碼如下:
var a = 1;
function test(m) {
m = 2;
}
test(a);
alert(a);//輸出 1
輸出為1,所以我們知道函數只是將變量的值傳遞進去了,所以在函數體內的 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,所以我們知道函數將變量的地址傳遞進去了,所以函數體內的 M 得到傳遞來的地址,因此屬性 x 被賦值為2的同時也會影響指向同一內存地址的 A。
總結
現在再回到開篇的問題:
復制代碼 代碼如下:
var a = 'test';
var b = function() {};
b.a = 'test';
function change(m, n) {
m = 'change';
n.a = 'change';
}
change(a, b);
變量 a 為原始值,變量 b 為引用值,傳遞進函數體內一個為值,一個為地址,所以函數運行後,變量 a 不會改變,而變量 b 的值將會改變。