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ù)只是將變量的值傳遞進去了,所以在函數(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ù)將變量的地址傳遞進去了,所以函數(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 為引用值,傳遞進函數(shù)體內(nèi)一個為值,一個為地址,所以函數(shù)運行后,變量 a 不會改變,而變量 b 的值將會改變。
相關(guān)文章
JavaScript strike方法入門實例(給字符串加上刪除線)
這篇文章主要介紹了JavaScript strike方法入門實例,strike方法用于給字符串加上刪除線,需要的朋友可以參考下2014-10-10javascript數(shù)組去重方法總結(jié)(推薦)
這篇文章主要介紹了javascript數(shù)組去重方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03javascript 基礎(chǔ)篇2 數(shù)據(jù)類型,語句,函數(shù)
文章里如果有錯誤的話,希望能幫忙指正~我也是邊看視頻邊學(xué)習(xí)中,這個算是個筆記吧~自認(rèn)為總結(jié)出來的東西比看視頻要節(jié)省點時間~能幫到別人最好了~幫不到也起碼恩能幫到我自己2012-03-03nodejs的require模塊(文件模塊/核心模塊)及路徑介紹
在nodejs中,模塊大概可以分為核心模塊和文件模塊,核心模塊是被編譯成二進制代碼,引用的時候只需require表示符即可,文件模塊,則是指js文件、json文件或者是.node文件2013-01-01JavaScript操作數(shù)組的常用方法總結(jié)
這篇文章總結(jié)了JavaScript操作數(shù)組的常用方法,文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-06-06