JavaScript深入之參數(shù)按值傳遞

JavaScript深入系列第九篇,除了按值傳遞、引用傳遞,還有第三種傳遞方式 —— 按共享傳遞

定義

在《JavaScript高級(jí)程序設(shè)計(jì)》第三版 4.1.3,講到傳遞參數(shù):

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

什么是按值傳遞呢?

也就是說,把函數(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ì)影響原來的 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ì)啊,連我們的紅寶書都說了 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)為是按值傳遞了。

所以,高程,誰叫你是紅寶書嘞!

下一篇文章

JavaScript深入之call和apply的模擬實(shí)現(xiàn)

深入系列

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

JavaScript深入系列預(yù)計(jì)寫十五篇左右,旨在幫大家捋順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ì)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前言 把《C++ Primer》[https://book.douban.com/subject/25708312...
    尤汐Yogy閱讀 9,672評(píng)論 1 51
  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對(duì)象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,677評(píng)論 0 4
  • 2011年11月 陸城已經(jīng)進(jìn)入了初冬 晚上我們高一年級(jí)在學(xué)校操場(chǎng)上集合分文理科班里 我從高一(2)班分文理科到了高...
    石榴柚子啊閱讀 261評(píng)論 0 0
  • 我們永遠(yuǎn)不知道意外和明天哪個(gè)先來。
    嚴(yán)默閱讀 83評(píng)論 0 1
  • 第9條 犯規(guī) 9.1對(duì)局時(shí),一方出現(xiàn)下列情況之一,即為犯規(guī): 9.1.1在對(duì)方走棋時(shí)間內(nèi),無故提出問題,或有其他構(gòu)...
    上下筆尖子閱讀 3,320評(píng)論 0 0

友情鏈接更多精彩內(nèi)容