Javascript 賦值機制詳解

2019-11-20 13:53:34

字體：大中小

來源：轉載

供稿：網友

今天回答了一個關于 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 的值將會改變。

學習交流

索泰發布一款GTX 1070 Mini迷你版本:小機

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本