摘要：講清楚之參數(shù)傳值參數(shù)傳值是指函數(shù)調(diào)用時，給函數(shù)傳遞配置或運行參數(shù)的行為，包括通過進行傳值。所以對的賦值會改變上下文棧中標(biāo)識符保存的具體值此時如果使用的是按引用傳遞，則變量所指向的對象因該也被賦值為。

參數(shù)傳值是指函數(shù)調(diào)用時，給函數(shù)傳遞配置或運行參數(shù)的行為，包括通過call、apply 進行傳值。

在實際開發(fā)中，我們總結(jié)javascript參數(shù)傳值分為基本數(shù)據(jù)類型按值傳遞（String、Numbe、Boolean、Null、undefind），引用數(shù)據(jù)類型按引用傳遞(Object, 包括Array、Function、Data)。這篇文章將要糾正這一誤解： 實質(zhì)上引用類型是按共享傳遞的。

在探索傳值問題前，我們先看一下 javascript 在聲明變量時是怎樣分配內(nèi)存的

原始值：存儲在棧（stack）中的簡單數(shù)據(jù)段，也就是說，它們的值直接存儲在變量訪問的位置。這是因為這些原始類型占據(jù)的空間是固定的，所以可將他們存儲在較小的內(nèi)存區(qū)域 – 棧中。這樣存儲便于迅速查尋變量的值。

引用值：存儲在堆（heap）中的對象，也就是說，存儲在變量處的值是一個指針（point），指向存儲對象的內(nèi)存地址。這是因為：引用值的大小會改變，所以不能把它放在棧中，否則會降低變量查尋的速度。相反，放在變量的?？臻g中的值是該對象存儲在堆中的地址。地址的大小是固定的，所以把它存儲在棧中對變量性能無任何負(fù)面影響。

基本類型是將原始值保存在棧中。引用類型是將數(shù)據(jù)保存在堆中，然后在棧中建立堆地址的引用。在javascript中是不允許直接訪問保存在堆內(nèi)存中的對象的，所以在訪問一個對象時，首先得到的是這個對象在堆內(nèi)存中的地址，然后再按照這個地址去獲得這個對象中的值，這就是傳說中的按引用訪問。而原始類型的值則是可以直接訪問到的。不同的內(nèi)存分配機制也帶來了不同的訪問機制。

而基本類型和引用類型在變量復(fù)制的時候也存在區(qū)別：

原始值：在將一個保存著原始值的變量復(fù)制給另一個變量時，會將原始值的副本賦值給新變量，此后這兩個變量是完全獨立的，他們只是擁有相同的 value 而已。

引用值：在將一個保存著對象內(nèi)存地址的變量復(fù)制給另一個變量時，會把這個內(nèi)存地址賦值給新變量，也就是說這兩個變量都指向了堆內(nèi)存中的同一個對象，他們中任何一個作出的改變都會反映在另一個身上。復(fù)制是不會產(chǎn)生新的堆內(nèi)存消耗。

所以我們總結(jié) javascript 中所有函數(shù)參數(shù)都是按值傳遞，都是把形參復(fù)制給實參，只是基本數(shù)據(jù)類型復(fù)制的是原始值，而引用類型復(fù)制的是堆內(nèi)存的地址。

引用類型的這種求值策略就是 按共享傳遞(call by sharing).

理論知識梳理完了，下面舉幾個例子分析一下具體的情形.

let a = 1
function foo(x) {
    console.log(x)
}
foo(a)
console.log(a)
// 2
// 1

變量 a 的值直接復(fù)制到了foo函數(shù)的實參x上，此時變量x是變量 a 的一個副本。它們獨立的在各自的上下文棧中保存了值‘1’，且相互之間互不影響，我們對 a、x的讀寫操作，操作的是他們各自的值。

示例圖中，在全局上下文和foo的上下文中各自保存了值1.

let a = {
    abc: 1
}
function foo(x) {
    x.abc = 2
    console.log(x.abc)
}
foo(a)
console.log(a.abc)
// 2
// 2

根據(jù)編碼經(jīng)驗我們會很錯誤的得出，上面的栗子是按引用傳遞。對象a的引用被傳遞到函數(shù)foo內(nèi)部， 函數(shù)內(nèi)部變量x指向全局變量a，從而實現(xiàn)了引用的傳遞，所以變量x和變量a讀寫的是同一個對象。我們用一張圖來揭示：

但其實是按共享傳遞。按引用傳遞是我們對 javascript 求值策略的誤解，如果是按引用傳遞那下面這個例子就懵比了：

let a = {
    abc: 1
}
function foo(x) {
    console.log(x) // {abc: 1}
    x = 2
    console.log(x) // 2
}
foo(a)
console.log(a.abc) // 1

foo 函數(shù)執(zhí)行時第一個打印輸出 ‘{abc: 1}’, 第二個打印輸出 ‘2’, 調(diào)用 foo 函數(shù)后的console.log(a.abc)一句打印輸出‘1’。

按引用傳遞的話。表達式console.log(a.abc)是在 foo 函數(shù)執(zhí)行后執(zhí)行的，此時的a應(yīng)該已經(jīng)被賦值為 2, a.abc是不存在的應(yīng)該打印輸出 ‘undefind’。 但是卻打印輸出了 1，說明在 foo 函數(shù)的內(nèi)部執(zhí)行x = 2是并沒有修改外層對象 a 的值。

為什么會出現(xiàn)a、x在指向同一個對象后，對x賦值又沒有改變原對象的值呢？

因為這里對象傳遞給實參是按共享傳遞（call by sharing）的，根據(jù)引用類型變量復(fù)制的特點（上面描述過）：

foo 函數(shù)執(zhí)行時， 形參 x 的值是傳進去的對象 a 的內(nèi)存地址引用，即在變量對象創(chuàng)建階段x保存的是一個對象的堆內(nèi)存地址。此時 a、x 都指向同一對象。 接著在函數(shù)的執(zhí)行階段，代碼的第二行將原始數(shù)據(jù)類型 2 賦值給 x，導(dǎo)致 x 不再保存原先的堆內(nèi)存地址轉(zhuǎn)而保存一個原始值，再次訪問 x 的時候是訪問對 x 最后一次賦值的原始值。

所以對 x 的賦值會改變上下文棧中標(biāo)識符 x 保存的具體值

此時如果使用的是按引用傳遞 ，則變量 a 所指向的對象因該也被賦值為 2。但其實對 x 賦值為一個基本數(shù)據(jù)類型并沒有使原對象為一個字面量值，這就說明引用類型并不是按引用傳值，不是遵從按引用規(guī)則來處理值的寫入。

需要區(qū)分給對象屬性賦值與直接給對象賦值的區(qū)別：

let a = {
    abc: 1
}
function foo(x) {
    x.abc = 99
    console.log(x) // {abc: 99}
    x = 2
    console.log(x) // 2
}
foo(a)
console.log(a) // {abc: 99}

在 foo 函數(shù)內(nèi)部修改對象 x 的屬性，會導(dǎo)致 x、a 指向的對象被修改，因為它們指向同一個堆地址。

參考：

《javascript高級程序設(shè)計》

javascript傳遞參

JS是按值傳遞還是按引用傳遞?