定義
在《JavaScript高階程式設計》第三版 4.1.3,講到傳遞引數:
ECMAScript中所有函式的引數都是按值傳遞的。
什麼是按值傳遞呢?
也就是說,把函式外部的值複製給函式內部的引數,就和把值從一個變數複製到另一個變數一樣。
按值傳遞
舉個簡單的例子:
1 2 3 4 5 6 7 |
var value = 1; function foo(v) { v = 2; console.log(v); //2 } foo(value); console.log(value) // 1 |
很好理解,當傳遞 value 到函式 foo 中,相當於拷貝了一份 value,假設拷貝的這份叫 _value,函式中修改的都是 _value 的值,而不會影響原來的 value 值。
引用傳遞
拷貝雖然很好理解,但是當值是一個複雜的資料結構的時候,拷貝就會產生效能上的問題。
所以還有另一種傳遞方式叫做按引用傳遞。
所謂按引用傳遞,就是傳遞物件的引用,函式內部對引數的任何改變都會影響該物件的值,因為兩者引用的是同一個物件。
舉個例子:
1 2 3 4 5 6 7 8 9 |
var obj = { value: 1 }; function foo(o) { o.value = 2; console.log(o.value); //2 } foo(obj); console.log(obj.value) // 2 |
哎,不對啊,連我們的紅寶書都說了 ECMAScript 中所有函式的引數都是按值傳遞的,這怎麼能按引用傳遞成功呢?
而這究竟是不是引用傳遞呢?
第三種傳遞方式
不急,讓我們再看個例子:
1 2 3 4 5 6 7 8 9 |
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深入系列目錄地址:https://github.com/mqyqingfeng/Blog。
JavaScript深入系列預計寫十五篇左右,旨在幫大家捋順JavaScript底層知識,重點講解如原型、作用域、執行上下文、變數物件、this、閉包、按值傳遞、call、apply、bind、new、繼承等難點概念。
如果有錯誤或者不嚴謹的地方,請務必給予指正,十分感謝。如果喜歡或者有所啟發,歡迎star,對作者也是一種鼓勵。
本系列: