JS - 按值傳遞&&引用傳遞

基本類型和引用類型

JavaScript中基本類型為簡單類型:
● string
● number
● boolean
● undefined
● null

引用類型為復(fù)合類型:
● Date
● Arry
● Number
● String
● Boolean
● Math
● RegExp

還有兩個(gè)核心類:
● Object
● Function
其中Number待秃,String齐媒,Boolean為簡單類型number,string,boolean的包裝類型逛万。
基本類型的變量和引用類型的變量最大區(qū)別在變量本身保存的值〖玖基本類型的變量保存的就是數(shù)據(jù)本身昼蛀,而引用類型的變量保存的是數(shù)據(jù)的引用,這個(gè)引用指向真實(shí)的數(shù)據(jù)地址。數(shù)據(jù)結(jié)構(gòu)如圖所示:


111.jpg

基本類型在復(fù)制操作事將變量的值拷貝一份副本賦值給另一個(gè)變量陡舅,兩個(gè)變量除了值相同之外無任何聯(lián)系抵乓。

var num1 = 5;
var num2 = num1;
num2 ++;
alert(num1); //5
alert(num2); //6

num2的值不管怎么改變都不影響num1。
引用類型的變量的值是引用,指向數(shù)據(jù)本身灾炭。所以賦值的時(shí)候?qū)⒁觅x值給另一個(gè)變量茎芋,兩個(gè)變量指向同一個(gè)數(shù)據(jù)。所以改變一個(gè)內(nèi)容另一個(gè)也跟著改變蜈出。

var person = new Object();
person.name = "landmine";
var person2 = person;alert(person2.name); //landmine
person2.name = "asd";
alert(person.name ); //asd

可以看到person2復(fù)制了person后對(duì)person2的name屬性進(jìn)行改變后田弥,person的值也會(huì)改變。

參數(shù)傳遞

接下來進(jìn)入重頭戲铡原,如何理解參數(shù)傳遞的都是以數(shù)值傳遞偷厦。通過上面的代碼我們可以發(fā)現(xiàn)引用類型的復(fù)制就是將本身的引用地址賦值給另一個(gè)變量。這句話對(duì)于理解參數(shù)的傳遞很重要燕刻。第一次看js高程的時(shí)候由于忽略了這句話導(dǎo)致我一整個(gè)小節(jié)都看的半懂不懂只泼。

首先是基本類型的參數(shù)傳遞:

var num = 10;
function fn(num2) {
     num2 +=10;
     return num2;
}
var num3 = fn(num);
alert(num); //10
alert(num3); //20

基本類型很好理解,參數(shù)以值類型傳遞進(jìn)入函數(shù)內(nèi)卵洗。復(fù)制的時(shí)候是復(fù)制值的副本请唱,復(fù)制完后兩個(gè)變量沒有任何關(guān)聯(lián)。

接下來是引用類型:
function fn(obj) {
obj.name = "dilei";
}
var person = new Object();
person.name = "landmine";
fn(person);
alert(person.name); //dilei

在我以前的理解中过蹂,按值傳遞就是將數(shù)據(jù)拷貝一份副本賦值給形參籍滴。這樣不管是引用類型還是值類型,傳遞進(jìn)函數(shù)后對(duì)形參進(jìn)行修改數(shù)值都不會(huì)影響外部的變量榴啸。然而在上面的演示demo中可以看到孽惰,函數(shù)內(nèi)修改數(shù)值會(huì)影響到函數(shù)外的變量。如今再次細(xì)讀高程的這一小節(jié)后才發(fā)現(xiàn)鸥印,人家一開始就明明白白的寫了勋功,在向參數(shù)傳遞引用類型的值時(shí),會(huì)把這個(gè)值在內(nèi)存中的地址復(fù)制給一個(gè)局部變量库说,因此這個(gè)局部變量的變化會(huì)反映在函數(shù)的外部狂鞋,參考我之前的圖片,參數(shù)傳遞的時(shí)候并不是將變量的數(shù)據(jù)拷貝一份副本賦值給形參潜的。而是將變量的值拷貝一份副本賦值給形參骚揍。

從我上面的圖片可以看出,基本類型的變量的數(shù)據(jù)和值是相同的啰挪,而應(yīng)用類型的變量的值保存的是數(shù)據(jù)的引用信不,可以抽象對(duì)圖片中的箭頭。所以在參數(shù)傳遞的時(shí)候?qū)粗祩鬟f給函數(shù)的形參亡呵,也就是把引用傳遞給函數(shù)的形參抽活。


222.jpg

從上面的圖片中可以看到,person和obj指向的是一個(gè)數(shù)據(jù)锰什,所以可以通過修改obj來修改person的name屬性下硕。

也可以通過以下demo驗(yàn)證:

function fn(obj) {
obj = {};
}
var person = new Object();
person.name = "landmine";
fn(person);
alert(person.name); //landmine

上面的代碼先將obj賦值一個(gè)空的object對(duì)象丁逝。如果是引用傳遞的話person會(huì)和object一樣將會(huì)被重新賦值為一個(gè)空的object對(duì)象。但是參數(shù)的傳遞是值傳遞的梭姓,也就是說obj本身只不過是引用而已霜幼,重新賦值不過是將引用指向了另一塊內(nèi)存空間,原來的person以及person的值指向的內(nèi)存空間的數(shù)據(jù)并沒有被修改誉尖,所以person.name的值還是landmine罪既。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市释牺,隨后出現(xiàn)的幾起案子萝衩,更是在濱河造成了極大的恐慌回挽,老刑警劉巖没咙,帶你破解...
    沈念sama閱讀 217,185評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異千劈,居然都是意外死亡祭刚,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,652評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門墙牌,熙熙樓的掌柜王于貴愁眉苦臉地迎上來涡驮,“玉大人,你說我怎么就攤上這事喜滨∽酵保” “怎么了?”我有些...
    開封第一講書人閱讀 163,524評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵虽风,是天一觀的道長棒口。 經(jīng)常有香客問我,道長辜膝,這世上最難降的妖魔是什么无牵? 我笑而不...
    開封第一講書人閱讀 58,339評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮厂抖,結(jié)果婚禮上茎毁,老公的妹妹穿的比我還像新娘。我一直安慰自己忱辅,他們只是感情好七蜘,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,387評(píng)論 6 391
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著墙懂,像睡著了一般崔梗。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上垒在,一...
    開封第一講書人閱讀 51,287評(píng)論 1 301
  • 那天蒜魄,我揣著相機(jī)與錄音扔亥,去河邊找鬼。 笑死谈为,一個(gè)胖子當(dāng)著我的面吹牛旅挤,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播伞鲫,決...
    沈念sama閱讀 40,130評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼粘茄,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了秕脓?” 一聲冷哼從身側(cè)響起柒瓣,我...
    開封第一講書人閱讀 38,985評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎吠架,沒想到半個(gè)月后芙贫,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,420評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡傍药,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,617評(píng)論 3 334
  • 正文 我和宋清朗相戀三年磺平,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片拐辽。...
    茶點(diǎn)故事閱讀 39,779評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡拣挪,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出俱诸,到底是詐尸還是另有隱情菠劝,我是刑警寧澤,帶...
    沈念sama閱讀 35,477評(píng)論 5 345
  • 正文 年R本政府宣布睁搭,位于F島的核電站赶诊,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏介袜。R本人自食惡果不足惜甫何,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,088評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望遇伞。 院中可真熱鬧辙喂,春花似錦、人聲如沸鸠珠。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,716評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽渐排。三九已至炬太,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間驯耻,已是汗流浹背亲族。 一陣腳步聲響...
    開封第一講書人閱讀 32,857評(píng)論 1 269
  • 我被黑心中介騙來泰國打工炒考, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人霎迫。 一個(gè)月前我還...
    沈念sama閱讀 47,876評(píng)論 2 370
  • 正文 我出身青樓斋枢,卻偏偏與公主長得像,于是被迫代替她去往敵國和親知给。 傳聞我的和親對(duì)象是個(gè)殘疾皇子瓤帚,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,700評(píng)論 2 354

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

  • 1. 按值傳遞 將參數(shù)值傳遞給過程的方式,使過程訪問到變量的復(fù)本涩赢。結(jié)果戈次,過程不可改變變量的真正值,傳遞的是變量...
    today0507閱讀 339評(píng)論 0 0
  • 發(fā)現(xiàn)對(duì)js傳參是值傳遞還是引用傳遞這個(gè)問題的認(rèn)識(shí)不是很清晰,在這里做下探究霎肯。 首先要清楚的是擎颖,什么是按值傳遞榛斯?什么...
    帥氣滴糟老頭閱讀 1,951評(píng)論 0 1
  • 我們知道js中那些是值類型观游,那些是引用類型,這是必須要搞清楚驮俗。JavaScript中的值類型:數(shù)值懂缕、布爾值、nul...
    FFriday閱讀 1,066評(píng)論 0 5
  • 1. 形參與實(shí)參 我們先來重溫一組語法: 形參:方法被調(diào)用時(shí)需要傳遞進(jìn)來的參數(shù)搪柑,如:func(int a)中的a工碾,...
    哦00閱讀 276評(píng)論 0 0
  • 本文旨在用最通俗的語言講述最枯燥的基本知識(shí) 學(xué)過Java基礎(chǔ)的人都知道:值傳遞和引用傳遞是初次接觸Java時(shí)的一個(gè)...
    編程無界閱讀 658評(píng)論 1 9