JavaScript深刻之參數按值傳遞

JavaScript深刻系列第九篇，除了按值傳遞、引用傳遞，還有第三種傳遞方式 —— 按共享傳遞

定義

在《JavaScript高級程序設計》第三版 4.1.3，講到傳遞參數：

ECMAScript中全部函數的參數都是按值傳遞的。

什麼是按值傳遞呢？

也就是說，把函數外部的值複製給函數內部的參數，就和把值從一個變量複製到另外一個變量同樣。

按值傳遞

舉個簡單的例子：

var value = 1;
function foo(v) {
    v = 2;
    console.log(v); //2
}
foo(value);
console.log(value) // 1複製代碼

很好理解，當傳遞 value 到函數 foo 中，至關於拷貝了一份 value，假設拷貝的這份叫 _value，函數中修改的都是 _value 的值，而不會影響原來的 value 值。

引用傳遞

拷貝雖然很好理解，可是當值是一個複雜的數據結構的時候，拷貝就會產生性能上的問題。

因此還有另外一種傳遞方式叫作按引用傳遞。

所謂按引用傳遞，就是傳遞對象的引用，函數內部對參數的任何改變都會影響該對象的值，由於二者引用的是同一個對象。

舉個例子：

var obj = {
    value: 1
};
function foo(o) {
    o.value = 2;
    console.log(o.value); //2
}
foo(obj);
console.log(obj.value) // 2複製代碼

哎，不對啊，連咱們的紅寶書都說了 ECMAScript 中全部函數的參數都是按值傳遞的，這怎麼能按引用傳遞成功呢？

而這到底是不是引用傳遞呢？

第三種傳遞方式

不急，讓咱們再看個例子：

var obj = {
    value: 1
};
function foo(o) {
    o = 2;
    console.log(o); //2
}
foo(obj);
console.log(obj.value) // 1複製代碼

若是 JavaScript 採用的是引用傳遞，外層的值也會被修改吶，這怎麼又沒被改呢？因此真的不是引用傳遞嗎？

這就要講到其實還有第三種傳遞方式，叫按共享傳遞。

而共享傳遞是指，在傳遞對象的時候，傳遞對象的引用的副本。

注意： 按引用傳遞是傳遞對象的引用，而按共享傳遞是傳遞對象的引用的副本！

因此修改 o.value，能夠經過引用找到原值，可是直接修改 o，並不會修改原值。因此第二個和第三個例子其實都是按共享傳遞。

最後，你能夠這樣理解：

參數若是是基本類型是按值傳遞，若是是引用類型按共享傳遞。

可是由於拷貝副本也是一種值的拷貝，因此在高程中也直接認爲是按值傳遞了。

因此，高程，誰叫你是紅寶書嘞！

下一篇文章

JavaScript深刻之call和apply的模擬實現

深刻系列

JavaScript深刻系列目錄地址：github.com/mqyqingfeng…。

JavaScript深刻系列預計寫十五篇左右，旨在幫你們捋順JavaScript底層知識，重點講解如原型、做用域、執行上下文、變量對象、this、閉包、按值傳遞、call、apply、bind、new、繼承等難點概念。

若是有錯誤或者不嚴謹的地方，請務必給予指正，十分感謝。若是喜歡或者有所啓發，歡迎star，對做者也是一種鼓勵。