定義
ECMAScript中所有函數(shù)的參數(shù)都是按值傳遞的。

什么是按值傳遞呢？

也就是說(shuō)，把函數(shù)外部的值復(fù)制給函數(shù)內(nèi)部的參數(shù)，就和把值從一個(gè)變量復(fù)制到另一個(gè)變量一樣。

按值傳遞

舉個(gè)簡(jiǎn)單的例子：

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

很好理解，當(dāng)傳遞 value 到函數(shù) foo 中，相當(dāng)于拷貝了一份 value，假設(shè)拷貝的這份叫 _value，函數(shù)中修改的都是 _value 的值，而不會(huì)影響原來(lái)的 value 值。

引用傳遞

拷貝雖然很好理解，但是當(dāng)值是一個(gè)復(fù)雜的數(shù)據(jù)結(jié)構(gòu)的時(shí)候，拷貝就會(huì)產(chǎn)生性能上的問題。

所以還有另一種傳遞方式叫做按引用傳遞。

所謂按引用傳遞，就是傳遞對(duì)象的引用，函數(shù)內(nèi)部對(duì)參數(shù)的任何改變都會(huì)影響該對(duì)象的值，因?yàn)閮烧咭玫氖峭粋€(gè)對(duì)象。

舉個(gè)例子：

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

哎，不對(duì)啊，連我們的紅寶書都說(shuō)了 ECMAScript 中所有函數(shù)的參數(shù)都是按值傳遞的，這怎么能按引用傳遞成功呢？

而這究竟是不是引用傳遞呢？

第三種傳遞方式

不急，讓我們?cè)倏磦€(gè)例子：

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

如果 JavaScript 采用的是引用傳遞，外層的值也會(huì)被修改吶，這怎么又沒被改呢？所以真的不是引用傳遞嗎？

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

而共享傳遞是指，在傳遞對(duì)象的時(shí)候，傳遞對(duì)象的引用的副本。

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

所以修改 o.value，可以通過引用找到原值，但是直接修改 o，并不會(huì)修改原值。所以第二個(gè)和第三個(gè)例子其實(shí)都是按共享傳遞。

最后，你可以這樣理解：

參數(shù)如果是基本類型是按值傳遞，如果是引用類型按共享傳遞。

但是因?yàn)榭截惛北疽彩且环N值的拷貝，所以在高程中也直接認(rèn)為是按值傳遞了。

所以，高程，誰(shuí)叫你是紅寶書嘞！

深入系列

JavaScript深入系列目錄地址： https://github.com/mqyqingfeng/Blog 。

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

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評(píng)論