JavaScript深入系列第九篇曹步,除了按值傳遞、引用傳遞,還有第三種傳遞方式 —— 按共享傳遞
定義
在《JavaScript高級(jí)程序設(shè)計(jì)》第三版 4.1.3,講到傳遞參數(shù):
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)生性能上的問(wè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ì)啊触菜,連我們的紅寶書(shū)都說(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ì)被修改吶催蝗,這怎么又沒(méi)被改呢切威?所以真的不是引用傳遞嗎?
這就要講到其實(shí)還有第三種傳遞方式生逸,叫按共享傳遞牢屋。
而共享傳遞是指,在傳遞對(duì)象的時(shí)候槽袄,傳遞對(duì)象的引用的副本烙无。
注意: 按引用傳遞是傳遞對(duì)象的引用,而按共享傳遞是傳遞對(duì)象的引用的副本遍尺!
所以修改 o.value截酷,可以通過(guò)引用找到原值,但是直接修改 o乾戏,并不會(huì)修改原值迂苛。所以第二個(gè)和第三個(gè)例子其實(shí)都是按共享傳遞。
最后鼓择,你可以這樣理解:
參數(shù)如果是基本類(lèi)型是按值傳遞三幻,如果是引用類(lèi)型按共享傳遞。
但是因?yàn)榭截惛北疽彩且环N值的拷貝呐能,所以在高程中也直接認(rèn)為是按值傳遞了念搬。
所以,高程摆出,誰(shuí)叫你是紅寶書(shū)嘞朗徊!
下一篇文章
JavaScript深入之call和apply的模擬實(shí)現(xiàn)
深入系列
JavaScript深入系列目錄地址:https://github.com/mqyqingfeng/Blog。
JavaScript深入系列預(yù)計(jì)寫(xiě)十五篇左右偎漫,旨在幫大家捋順JavaScript底層知識(shí)爷恳,重點(diǎn)講解如原型、作用域象踊、執(zhí)行上下文温亲、變量對(duì)象棚壁、this、閉包铸豁、按值傳遞灌曙、call、apply节芥、bind在刺、new、繼承等難點(diǎn)概念头镊。
如果有錯(cuò)誤或者不嚴(yán)謹(jǐn)?shù)牡胤津纪眨?qǐng)務(wù)必給予指正,十分感謝相艇。如果喜歡或者有所啟發(fā)颖杏,歡迎star,對(duì)作者也是一種鼓勵(lì)坛芽。