? ECMAScript 中所有函數的參數都是按值傳遞的。也就是說,把函數外部的值復制給函數內部的參數,就和把值從一個變量復制到另一個變量一樣。基本類型值的傳遞如同基本類型變量的復制一樣,而引用類型值的傳遞,則如同引用類型變量的復制一樣。有不少開發人員在這一點上可能會感到困惑,因為訪問變量有按值和按引用兩種方式,而參數只能按值傳遞。在向參數傳遞基本類型的值時,被傳遞的值會被復制給一個局部變量(即命名參數,或者用ECMAScript 的概念來說,就是arguments 對象中的一個元素)。在向參數傳遞引用類型的值時,會把這個值在內存中的地址復制給一個局部變量,因此這個局部變量的變化會反映在函數的外部。請看下面這個例子:
function addTen(num) {
num += 10;
return num;
}
var count = 20;
var result = addTen(count);
alert(count); //20,沒有變化
alert(result); //30
這里的函數addTen()有一個參數num,而參數實際上是函數的局部變量。在調用這個函數時,變量count 作為參數被傳遞給函數,這個變量的值是20。于是,數值20 被復制給參數num 以便addTen()中使用。在函數內部,參數num 的值被加上了10,但這一變化不會影響函數外部的count 變量。參數num 與變量count 互不相識,它們僅僅是具有相同的值。假如num 是按引用傳遞的話,那么變量count的值也將變成30,從而反映函數內部的修改。當然,使用數值等基本類型值來說明按值傳遞參數比較簡單,但如果使用對象,那問題就不怎么好理解了。再舉一個例子:
function setName(obj) {
obj.name = "Nicholas";
}
var person = new Object();
setName(person);
alert(person.name); //"Nicholas"
FunctionArgumentsExample02.htm
以上代碼中創建一個對象,并將其保存在了變量person 中。然后,這個變量被傳遞到setName()函數中之后就被復制給了obj。在這個函數內部,obj 和person 引用的是同一個對象。換句話說,即使這個變量是按值傳遞的,obj 也會按引用來訪問同一個對象。于是,當在函數內部為obj 添加name屬性后,函數外部的person 也將有所反映;因為person 指向的對象在堆內存中只有一個,而且是全局對象。有很多開發人員錯誤地認為:在局部作用域中修改的對象會在全局作用域中反映出來,就說明參數是按引用傳遞的。為了證明對象是按值傳遞的,我們再看一看下面這個經過修改的例子:
function setName(obj) {
obj.name = "Nicholas";
obj = new Object();
obj.name = "Greg";
}
var person = new Object();
setName(person);
alert(person.name); //"Nicholas"
這個例子與前一個例子的唯一區別,就是在setName()函數中添加了兩行代碼:一行代碼為obj重新定義了一個對象,另一行代碼為該對象定義了一個帶有不同值的name 屬性。在把person 傳遞給setName()后,其name 屬性被設置為"Nicholas"。然后,又將一個新對象賦給變量obj,同時將其name屬性設置為"Greg"。如果person 是按引用傳遞的,那么person 就會自動被修改為指向其name 屬性值為"Greg"的新對象。但是,當接下來再訪問person.name 時,顯示的值仍然是"Nicholas"。這說明即使在函數內部修改了參數的值,但原始的引用仍然保持未變。實際上,當在函數內部重寫obj 時,這個變量引用的就是一個局部對象了。而這個局部對象會在函數執行完畢后立即被銷毀。