JavaScript函數參數的傳遞方式有哪些

這篇文章主要介紹了JavaScript函數參數的傳遞方式有哪些，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

JavaScript使用一個變量對象來追蹤變量的生存期。基本類型值被直接保存在變量對象內；而引用類型值則作為一個指針保存在變量對象內，該指針指向實際對象在內存中的存儲位置。

基本類型值的傳遞

向參數傳遞基本類型值時，被傳遞的值會被復制給一個局部變量（即命名參數，或者是arguments對象中的一個元素）。

function addOne (num) {
 num++;
 return num;
}
var count = 1;
var result = addOne(count);
console.log(count); //1
console.log(result); //2

在上面的例子中，變量count的值被傳遞給函數的參數num以便在函數中使用，此時變量count和參數num的值雖然是一樣的，但是它們是兩個相互獨立的變量，在函數中改變參數num的值并不會影響函數外部的變量count的值。

因此JavaScript中函數的基本類型值參數的傳遞是按值傳遞的。

引用類型值的傳遞

function setName (obj) {
 obj.name = 'Nicholas';
}
var person = new Object();
setName(person);
console.log(person.name); //'Nicholas'

在上面的例子中，變量person的值被傳遞給函數的參數obj，此時在函數內部為參數obj添加一個name屬性，函數對參數obj的使得函數外部的變量person也獲得了一個name屬性。從結果上看，JavaScript中函數的引用類型值參數的傳遞似乎是按引用傳遞的。

然而并非如此。變量person的值是引用類型值，因此它的值在變量對象中可以看做是一個實際對象在內存中的地址（或指針）。傳遞參數以后參數obj的值是也是該對象在內存中的地址，因此在函數中操作參數obj的值所引用的對象相當于操作變量person的值所引用的對象。

function setName (obj) {
 obj.name = 'Nicholas';
 obj = new Object();
 obj.name = 'Greg';
 return obj;
}
var person = new Object();
var result = setName(person);
console.log(person.name); //'Nicholas'
console.log(result.name); //'Greg'

如果參數傳遞是按引用傳遞的，在上面的例子中，函數改變了參數obj的值所引用的對象，那么相對應的變量person的值所引用的對象也會改變。改變函數的寫法或許能更加有助于理解參數的按值傳遞。

function setName () {
 var obj = arguments[0];
 obj.name = 'Nicholas';
 obj = new Object();
 obj.name = 'Greg';
 return obj;
}

雖然變量person和參數obj的值一樣都是同一個對象在內存中的地址，但它們是兩個相互獨立的變量。如果在函數中改變參數obj的值，使其指向內存中另外一個對象，變量person的值不會改變，還是指向原來的對象。

因此JavaScript中函數的引用類型值參數的傳遞是按值傳遞的。

結論

JavaScript中所有函數的參數都是按值傳遞的。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“JavaScript函數參數的傳遞方式有哪些”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!