JS語法中的傳遞參數(shù),對于初學(xué)者是一個非常重要的概念。很多小伙伴在學(xué)習(xí)“值傳遞”和“引用傳遞”時,會有不少煩惱。今天我們就來通過各種姿勢全方位剖析JS中的值傳遞。本文章將會用10分鐘時間無死角的解析JS的傳參方式,希望能對您有所幫助。
先說結(jié)論,JS只有值傳遞,沒有引用傳遞。這句話可能會顛覆一些小伙伴的認(rèn)知,但請先別急,馬上你將會贊同我。
1. 值傳遞是什么?
在函數(shù)傳參的過程中,實參將數(shù)值傳遞給形參。
EXP:
運行結(jié)果;
在fun(a)這個函數(shù)調(diào)用語句中,實參為a、形參為x,從輸出結(jié)果來看,可以證明實參a將數(shù)值123傳給了形參x。
疑問:是否可以通過形參x數(shù)值的修改,來改變實參a的值?
EXP:
運行結(jié)果:
可以看到實參a的數(shù)值并沒有因為x的改變而發(fā)生變化。是因為值傳遞的特點決定,咱們接著往下看。
2、值傳遞的特點:
單向傳遞,只能將實參的數(shù)值傳遞給形參,不能將形參的值傳遞給實參。
EXP:
我們希望編寫一個交換兩個變量數(shù)值的函數(shù)swap。
運行結(jié)果:
雖然swap(a, b)被調(diào),但是實參a,b的值并未發(fā)生改變。是因為實參a,b與形參x,y在內(nèi)存中是不同的空間。這里我們引入一個地址的概念。
地址就是內(nèi)存中的一個編號,等價于我們常說的引用ID(引用ID是優(yōu)化后的地址)。
可以將內(nèi)存想象成一棟高樓,那么地址號就是樓房中的某個房間號。
咱們來通過內(nèi)存模擬一下實參與形參的交換過程。(如下圖)假設(shè)實參a的地址18,實參b的地址為19。而形參x的地址為20,形參y的地址為21。
那么在swap函數(shù)執(zhí)行完后。形參x和y的值確實進行了交換,但是由于形參與實參是不同的空間,所以形參x,y的改變,是無法影響到實參a,b的。
疑問:有沒有其他辦法可以通過形參改變實參的數(shù)值呢?
有,當(dāng)傳遞的實參為引用類型時,可以通過形參改變實參所指向空間的數(shù)值。這句話比較難以理解。別急,下面咱們來討究這個問題。
1. 內(nèi)置基本類型與引用類型作為實參的區(qū)別:
首先無論實參是什么類型的數(shù)據(jù),實參傳遞給形參的一定是實參的數(shù)值本身。
通過剛才的swap函數(shù),其實我們已經(jīng)得出了一個結(jié)論:
當(dāng)傳遞的實參為內(nèi)置基本類型時,形參是無法改變實參的數(shù)值。
而當(dāng)實參為引用類型數(shù)據(jù)時,又會又怎樣的結(jié)果呢?
EXP:
我們依然希望編寫一個具有交換功能的swap函數(shù),只不過這次swap函數(shù)的參數(shù)是一個引用類型數(shù)據(jù)數(shù)組。通過swap函數(shù)實現(xiàn)數(shù)組內(nèi)部元素的交換。
運行結(jié)果:
這次確實交換了arr數(shù)組中的arr[0],arr[1]兩個元素的值。
原因是引用類型在內(nèi)存中是由兩塊空間構(gòu)成的:
咱們依然用內(nèi)存模擬應(yīng)用類型數(shù)據(jù)在內(nèi)存中的存儲方式,20代表一塊空間,18代表一塊空間。如圖所示,18的空間是真正存儲數(shù)據(jù)的空間(new出來的堆空間),20是存儲真正數(shù)據(jù)所在空間的地址。
而在swap函數(shù)調(diào)用時,實參arr將數(shù)值18(也就是new出來空間的地址)傳值給形參arr1。也就意味著他們都指向同一塊空間,那么在swap函數(shù)中操作arr1就等價于操作arr本身。就好比一個房子,有兩把鑰匙,任意一把鑰匙都能打開房子。所以arr數(shù)組的數(shù)值就會發(fā)生交換。
總結(jié):
1. JS的傳參只有值傳遞,所謂的引用傳遞本質(zhì)就是值傳遞。
2. 值傳遞是單向的。
3. 內(nèi)置基本類型做為實參時,不能通過形參改變實參的數(shù)值。
4. 引用類型做為實參時,可以通過形參改變實參所指向空間的值。
更多關(guān)于前端培訓(xùn)的問題,歡迎咨詢千鋒教育在線名師,如果想要了解我們的師資、課程、項目實操的話可以點擊咨詢課程顧問,獲取試聽資格來試聽我們的課程,在線零距離接觸千鋒教育大咖名師,讓你輕松從入門到精通。