DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> Javascript 賦值機制詳解
Javascript 賦值機制詳解
編輯:JavaScript基礎知識     

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved