【轉(zhuǎn)】JS是按值傳遞還是按引用傳遞

在分析這個(gè)問(wèn)題之前分瘾,我們需了解什么是按值傳遞(call by value)朴肺,什么是按引用傳遞(call by reference)。在計(jì)算機(jī)科學(xué)里聪轿,這個(gè)部分叫求值策略(Evaluation Strategy)。它決定變量之間荧止、函數(shù)調(diào)用時(shí)實(shí)參和形參之間值是如何傳遞的屹电。

<u>按值傳遞 VS. 按引用傳遞</u>
按值傳遞(call by value)是最常用的求值策略:函數(shù)的形參是被調(diào)用時(shí)所傳實(shí)參的副本。修改形參的值并不會(huì)影響實(shí)參跃巡。

按引用傳遞(call by reference)時(shí)危号,函數(shù)的形參接收實(shí)參的隱式引用,而不再是副本素邪。這意味著函數(shù)形參的值如果被修改外莲,實(shí)參也會(huì)被修改。同時(shí)兩者指向相同的值。

按引用傳遞會(huì)使函數(shù)調(diào)用的追蹤更加困難偷线,有時(shí)也會(huì)引起一些微妙的BUG磨确。

按值傳遞由于每次都需要克隆副本,對(duì)一些復(fù)雜類型声邦,性能較低乏奥。兩種傳值方式都有各自的問(wèn)題。

我們先看一個(gè)C的例子來(lái)了解按值和引用傳遞的區(qū)別:

void Modify(int p, int * q)  
{  
    p = 27; // 按值傳遞 - p是實(shí)參a的副本, 只有p被修改  
    *q = 27; // q是b的引用亥曹,q和b都被修改  
}  
int main()  
{  
    int a = 1;  
    int b = 1;  
    Modify(a, &b);   // a 按值傳遞, b 按引用傳遞,  
                     // a 未變化, b 改變了  
    return(0);  
}  

這里我們可以看到:

a => p按值傳遞時(shí)邓了,修改形參p的值并不影響實(shí)參a,p只是a的副本媳瞪。
b => q是按引用傳遞骗炉,修改形參q的值時(shí)也影響到了實(shí)參b的值。
探究JS值的傳遞方式
JS的基本類型蛇受,是按值傳遞的句葵。

var a = 1;  
function foo(x) {  
    x = 2;  
}  
foo(a);  
console.log(a); // 仍為1, 未受x = 2賦值所影響  

再來(lái)看對(duì)象:

var obj = {x : 1};  
function foo(o) {  
    o.x = 3;  
}  
foo(obj);  
console.log(obj.x); // 3, 被修改了!

var obj = {x : 1};  
function foo(o) {  
    o.x = 3;  
}  
foo(obj);  
console.log(obj.x); // 3, 被修改了!

說(shuō)明o和obj是同一個(gè)對(duì)象,o不是obj的副本兢仰。所以不是按值傳遞乍丈。 但這樣是否說(shuō)明JS的對(duì)象是按引用傳遞的呢?我們?cè)倏聪旅娴睦樱?/p>

var obj = {x : 1};  
function foo(o) {  
    o = 100;  
}  
foo(obj);  
console.log(obj.x); // 仍然是1, obj并未被修改為100.

如果是按引用傳遞旨别,修改形參o的值诗赌,應(yīng)該影響到實(shí)參才對(duì)汗茄。但這里修改o的值并未影響obj秸弛。 因此JS中的對(duì)象并不是按引用傳遞。那么究竟對(duì)象的值在JS中如何傳遞的呢洪碳?

<u>按共享傳遞 call by sharing</u>
準(zhǔn)確的說(shuō)递览,JS中的基本類型按值傳遞,對(duì)象類型按共享傳遞的(call by sharing瞳腌,也叫按對(duì)象傳遞绞铃、按對(duì)象共享傳遞)。最早由Barbara Liskov. 在1974年的GLU語(yǔ)言中提出嫂侍。該求值策略被用于Python儿捧、Java、Ruby挑宠、JS等多種語(yǔ)言菲盾。

該策略的重點(diǎn)是:調(diào)用函數(shù)傳參時(shí),函數(shù)接受對(duì)象實(shí)參引用的副本(既不是按值傳遞的對(duì)象副本各淀,也不是按引用傳遞的隱式引用)懒鉴。 它和按引用傳遞的不同在于:在共享傳遞中對(duì)函數(shù)形參的賦值,不會(huì)影響實(shí)參的值。如下面例子中临谱,不可以通過(guò)修改形參o的值璃俗,來(lái)修改obj的值。

var obj = {x : 1};  
function foo(o) {  
    o = 100;  
}  
foo(obj);  
console.log(obj.x); // 仍然是1, obj并未被修改為100.

然而悉默,雖然引用是副本城豁,引用的對(duì)象是相同的。它們共享相同的對(duì)象抄课,所以修改形參對(duì)象的屬性值钮蛛,也會(huì)影響到實(shí)參的屬性值。

對(duì)于對(duì)象類型剖膳,由于對(duì)象是可變(mutable)的魏颓,修改對(duì)象本身會(huì)影響到共享這個(gè)對(duì)象的引用和引用副本。而對(duì)于基本類型吱晒,由于它們都是不可變的(immutable)甸饱,按共享傳遞與按值傳遞(call by value)沒(méi)有任何區(qū)別,所以說(shuō)JS基本類型既符合按值傳遞仑濒,也符合按共享傳遞叹话。

var a = 1; // 1是number類型,不可變 var b = a; b = 6;

據(jù)按共享傳遞的求值策略墩瞳,a和b是兩個(gè)不同的引用(b是a的引用副本)驼壶,但引用相同的值。由于這里的基本類型數(shù)字1不可變喉酌,所以這里說(shuō)按值傳遞热凹、按共享傳遞沒(méi)有任何區(qū)別。

<u>基本類型的不可變(immutable)性質(zhì)</u>
基本類型是不可變的(immutable)泪电,只有對(duì)象是可變的(mutable). 例如數(shù)字值100, 布爾值true, false般妙,修改這些值(例如把1變成3, 把true變成100)并沒(méi)有什么意義。比較容易誤解的相速,是JS中的string碟渺。有時(shí)我們會(huì)嘗試“改變”字符串的內(nèi)容,但在JS中突诬,任何看似對(duì)string值的”修改”操作苫拍,實(shí)際都是創(chuàng)建新的string值。

var str = "abc";  
str[0]; // "a"  
str[0] = "d";  
str; // 仍然是"abc";賦值是無(wú)效的旺隙。沒(méi)有任何辦法修改字符串的內(nèi)容

而對(duì)象就不一樣了绒极,對(duì)象是可變的。

var obj = {x : 1};  
obj.x = 100;  
var o = obj;  
o.x = 1;  
obj.x; // 1, 被修改  
o = true;  
obj.x; // 1, 不會(huì)因o = true改變

這里定義變量obj催束,值是object集峦,然后設(shè)置obj.x屬性的值為100。而后定義另一個(gè)變量o,值仍然是這個(gè)object對(duì)象塔淤,此時(shí)obj和o兩個(gè)變量的值指向同一個(gè)對(duì)象(共享同一個(gè)對(duì)象的引用)摘昌。所以修改對(duì)象的內(nèi)容,對(duì)obj和o都有影響高蜂。但對(duì)象并非按引用傳遞聪黎,通過(guò)o = true修改了o的值,不會(huì)影響obj。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市元镀,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌喉镰,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,509評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件惭笑,死亡現(xiàn)場(chǎng)離奇詭異侣姆,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)沉噩,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門(mén)捺宗,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人川蒙,你說(shuō)我怎么就攤上這事蚜厉。” “怎么了畜眨?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,875評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵昼牛,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我胶果,道長(zhǎng)匾嘱,這世上最難降的妖魔是什么斤斧? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,441評(píng)論 1 293
  • 正文 為了忘掉前任早抠,我火速辦了婚禮,結(jié)果婚禮上撬讽,老公的妹妹穿的比我還像新娘蕊连。我一直安慰自己,他們只是感情好游昼,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,488評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布甘苍。 她就那樣靜靜地躺著,像睡著了一般烘豌。 火紅的嫁衣襯著肌膚如雪载庭。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,365評(píng)論 1 302
  • 那天,我揣著相機(jī)與錄音囚聚,去河邊找鬼靖榕。 笑死,一個(gè)胖子當(dāng)著我的面吹牛顽铸,可吹牛的內(nèi)容都是我干的茁计。 我是一名探鬼主播,決...
    沈念sama閱讀 40,190評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼谓松,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼星压!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起鬼譬,我...
    開(kāi)封第一講書(shū)人閱讀 39,062評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤娜膘,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后优质,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體劲绪,經(jīng)...
    沈念sama閱讀 45,500評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,706評(píng)論 3 335
  • 正文 我和宋清朗相戀三年盆赤,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了贾富。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,834評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡牺六,死狀恐怖颤枪,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情淑际,我是刑警寧澤畏纲,帶...
    沈念sama閱讀 35,559評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站春缕,受9級(jí)特大地震影響盗胀,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜锄贼,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,167評(píng)論 3 328
  • 文/蒙蒙 一票灰、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧宅荤,春花似錦屑迂、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,779評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至惫确,卻和暖如春手报,著一層夾襖步出監(jiān)牢的瞬間蚯舱,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,912評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工掩蛤, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留晓淀,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,958評(píng)論 2 370
  • 正文 我出身青樓盏档,卻偏偏與公主長(zhǎng)得像凶掰,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蜈亩,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,779評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容