在看《JavaScript高階程式設計》（第三版）的時候，傳遞引數這一節，裡面提到

ECMAScript中所有函式的引數都是按值傳遞的

它自己的解釋是,

把函式外部的值複製給函式內部的引數，就和把值從一個變數複製到另一個變數一樣。
基本型別值的傳遞如同基本型別變數的複製一樣，
而引用型別值的傳遞，則如同引用型別變數的複製一樣。

我們先明白幾個概念，之後再討論。

資料型別

基本資料型別，有6種，Undefined、Null、Boolean、Number、String、Symbol

引用型別，Object、Array、Date、RegExg、Function等

記憶體空間

var a = 2
var b = 'abc'
var c = true
var d = {value : 1}
var e = [1, 2, 3]
 

定義的以上幾個變數，在記憶體中，所佔用的空間如圖示意：

基礎資料型別值，在棧中儲存實際的值。引用資料型別值，在棧中儲存引用地址值，在堆中儲存實際的值。

賦值拷貝/複製

基礎資料型別，賦值拷貝，拷貝實際值

var a = 1

var b = a

b = 2

console.log(a) // 1

var a = {value : 1}

var b = a

b.value = 2

console.log(a.value) // 2

舉例分析

明白了以上幾個概念，我們再來說說，把函式外部的值複製給函式內部的引數，就和把值從一個變數複製到另一個變數一樣。也就是一個賦值複製過程。我們舉幾個例子分析下。

1. 傳遞基礎型別，函式中不修改引數型別

var a = 1

function func(o) {

    o = 2

    console.log(o)

}

func(a) // 2

console.log(a) // 1

這裡的func函式，傳遞了一個引數o，而引數實際上是函式的區域性變數。那麼，我們就可以修改函式

var a = 1

function func() {

    var o = a // 函式內部的引數變數，賦值函式外部的值

    o = 2 // 修改內部變數的值

    console.log(o)

}

func(a) // 2

console.log(a) // 1
 

可以得到相同的結果。他們在記憶體中的變化，如圖示意：

從以上圖中，我們能清楚的看出，變數a一直等於1，而變數o，由於賦值之後，複製了a的實際值，在記憶體中開闢了空間，儲存在棧中。再執行func函式，修改變數o的值，只會影響其自身。

2. 傳遞基礎型別，函式中修改型別

var a = 1

function func(o) {

    o = {value : 1}

    console.log(o)

}
func(a) // {value: 1}

console.log(a) // 1

同理，我們也可以修改這裡的函式

var a = 1

function func() {

    var  o = a // 函式內部的引數變數，賦值函式外部的值

    o = {value : 1} // 修改內部變數的值

    console.log(o)  // {value: 1}

}
func() // {value: 1}

console.log(a) // 1

記憶體中的變化示意圖：

從以上圖中，我們能清楚的看出，變數a一直等於1，而變數o，由於內部引數賦值之後，複製了a的實際值，在記憶體中開闢了空間，儲存在棧中。再執行func函式，修改變數o的值，只會影響其自身。

3. 傳遞引用型別，函式中不修改型別

var a = { value : 1 }

function func(o) {

    o.value = 2

    console.log(o)

}

func(a) // { value : 2}

console.log(a) // {value : 2}

同理，我們也可以修改這裡的函式

var a = { value : 1 }

function func() {

    var  o = a // 函式內部的引數變數，賦值函式外部的值

    o.value = 2 // 修改內部變數的值

    console.log(o)  // {value: 2}

}
func() // {value: 2}

console.log(a) // {value: 2}

記憶體中的變化示意圖：

從以上圖中，我們能清楚的看出，由於變數a是引用型別，通過函式內部引數的賦值複製，傳遞了引用地址值，那麼變數a和o會指向同一個記憶體物件。再執行func函式，修改變數o在堆記憶體中的值，並沒有修改在棧中的引用地址的值。這樣，由於變數o和變數a使用的是同一個引用地址，也就是同一個堆記憶體中的值，那麼變數a的值，也就會隨著變數o的變化而變化了。

4. 傳遞引用型別，函式中修改型別

var a = {value : 1 }

function func(o) {

    o = 2

    console.log(o)

}

func(a) // 2

console.log(a) // { value : 1}

接下來，我們也可以修改這裡的函式

var a = { value : 1 }

function func() {

    var  o = a // 函式內部的引數變數，賦值函式外部的值

    o = 2 // 修改內部變數的值

    console.log(o)  // 2

}
func() // 2

console.log(a) // {value: 1}

記憶體中的變化示意圖：

由於變數a是引用型別，通過函式內部引數的賦值複製，傳遞了引用地址值，那麼變數a和o會指向同一個記憶體物件。再執行func函式時，改變了變數o的資料型別，變成了基礎資料型別，也就切斷了引用。這樣，變數a和o就沒有關係了。

總結

JavaScript中所有函式引數都是按值傳遞的。基本型別值，傳遞的是實際值，引用型別，傳遞的是引用地址值。

參考