JavaScript中參數按值傳遞的示例分析

小編給大家分享一下JavaScript中參數按值傳遞的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

定義
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中參數按值傳遞的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！