JavaScript深入之參數按值傳遞

DataPipeline 發布于2019-08-20 16:08 / 2201人閱讀

摘要：深入系列第九篇，除了按值傳遞引用傳遞，還有第三種傳遞方式按共享傳遞定義在高級程序設計第三版，講到傳遞參數中所有函數的參數都是按值傳遞的。

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深入系列目錄地址：https://github.com/mqyqingfeng/Blog。

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

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

GPU云服務器云服務器 javascript參數傳遞 javascript傳遞參數按值傳遞 java有按值傳遞

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/82739.html

JavaScript 是如何工作的：JavaScript 的共享傳遞和按值傳遞

摘要：它對數組和對象使用按值傳遞，但這是在的共享傳參或拷貝的引用中使用的按值傳參。例如在這里，變量和值在執行期間存儲在堆棧中。返回值這是可選的，函數可以返回值，也可以不返回值。變量被推入堆棧，從而在執行時成為的副本。這是專門探索 JavaScript 及其所構建的組件的系列文章的第 22 篇。想閱讀更多優質文章請猛戳GitHub博客,一年百來篇優質文章等著你！如果你錯過了前面的章節，可...

keithyau 2019-08-23 16:58 評論0 收藏0
JavaScript 是如何工作的：JavaScript 的共享傳遞和按值傳遞

摘要：它對數組和對象使用按值傳遞，但這是在的共享傳參或拷貝的引用中使用的按值傳參。例如在這里，變量和值在執行期間存儲在堆棧中。返回值這是可選的，函數可以返回值，也可以不返回值。變量被推入堆棧，從而在執行時成為的副本。這是專門探索 JavaScript 及其所構建的組件的系列文章的第 22 篇。想閱讀更多優質文章請猛戳GitHub博客,一年百來篇優質文章等著你！如果你錯過了前面的章節，可...

陳偉 2019-08-16 16:41 評論0 收藏0
JS程序

摘要：設計模式是以面向對象編程為基礎的，的面向對象編程和傳統的的面向對象編程有些差別，這讓我一開始接觸的時候感到十分痛苦，但是這只能靠自己慢慢積累慢慢思考。想繼續了解設計模式必須要先搞懂面向對象編程，否則只會讓你自己更痛苦。 JavaScript 中的構造函數學習總結。知識只有分享才有存在的意義。是時候替換你的 for 循環大法了~ 《小分享》JavaScript中數組的那些迭代方法~ ...

melody_lql 2019-08-22 11:22 評論0 收藏0
深入理解javascript按值傳遞與按引用傳遞

摘要：引用類型參數的傳遞與引用類型的復制一樣，傳遞的是內存地址。指向一個新的地址，與不再指向同一個地址官方解釋來一發中所有函數的參數都是按值傳遞的。總結很簡單，函數參數都是按值傳遞都是棧內數據的拷貝。基本類型與引用類型值類型（基本類型）：String，Number，Boolean，Null，Undefined。引用類型：Array、Object、Function、Date等有多個值...

陳江龍 2019-08-22 13:48 評論0 收藏0