首頁 > web前端 > js教程 > 主體

JavaScript參數以值傳遞和引用傳遞用法實例詳解

伊谢尔伦
發布: 2017-07-26 17:09:22
原創
1264 人瀏覽過

什麼是按值傳遞呢?

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

按值傳遞

舉個簡單的例子:


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
登入後複製

這究竟是不是引用傳遞呢?

第三種傳遞方式

不急,讓我們再看個範例:


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參數以值傳遞和引用傳遞用法實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板