JS語法中的傳遞參數，對于初學者是一個非常重要的概念。很多小伙伴在學習“值傳遞”和“引用傳遞”時，會有不少煩惱。今天我們就來通過各種姿勢全方位剖析JS中的值傳遞。本文章將會用10分鐘時間無死角的解析JS的傳參方式，希望能對您有所幫助。

　　先說結論，JS只有值傳遞，沒有引用傳遞。這句話可能會顛覆一些小伙伴的認知，但請先別急，馬上你將會贊同我。

　　1. 值傳遞是什么？

　　在函數傳參的過程中，實參將數值傳遞給形參。

　　EXP：

　　運行結果;

　　在fun(a)這個函數調用語句中，實參為a、形參為x，從輸出結果來看，可以證明實參a將數值123傳給了形參x。

　　疑問：是否可以通過形參x數值的修改，來改變實參a的值？

　　EXP：

　　運行結果：

　　可以看到實參a的數值并沒有因為x的改變而發生變化。是因為值傳遞的特點決定，咱們接著往下看。

　　2、值傳遞的特點：

　　單向傳遞，只能將實參的數值傳遞給形參，不能將形參的值傳遞給實參。

　　EXP：

　　我們希望編寫一個交換兩個變量數值的函數swap。

　　運行結果：

　　雖然swap(a, b)被調，但是實參a,b的值并未發生改變。是因為實參a,b與形參x,y在內存中是不同的空間。這里我們引入一個地址的概念。

　　地址就是內存中的一個編號，等價于我們常說的引用ID(引用ID是優化后的地址)。

　　可以將內存想象成一棟高樓，那么地址號就是樓房中的某個房間號。

　　咱們來通過內存模擬一下實參與形參的交換過程。(如下圖)假設實參a的地址18，實參b的地址為19。而形參x的地址為20，形參y的地址為21。

　　那么在swap函數執行完后。形參x和y的值確實進行了交換，但是由于形參與實參是不同的空間，所以形參x,y的改變，是無法影響到實參a,b的。

　　疑問：有沒有其他辦法可以通過形參改變實參的數值呢？

　　有，當傳遞的實參為引用類型時，可以通過形參改變實參所指向空間的數值。這句話比較難以理解。別急，下面咱們來討究這個問題。

　　1. 內置基本類型與引用類型作為實參的區別：

　　首先無論實參是什么類型的數據，實參傳遞給形參的一定是實參的數值本身。

　　通過剛才的swap函數，其實我們已經得出了一個結論:

　　當傳遞的實參為內置基本類型時，形參是無法改變實參的數值。

　　而當實參為引用類型數據時，又會又怎樣的結果呢?

　　EXP：

　　我們依然希望編寫一個具有交換功能的swap函數，只不過這次swap函數的參數是一個引用類型數據數組。通過swap函數實現數組內部元素的交換。

　　運行結果：

　　這次確實交換了arr數組中的arr[0]，arr[1]兩個元素的值。

　　原因是引用類型在內存中是由兩塊空間構成的：

　　咱們依然用內存模擬應用類型數據在內存中的存儲方式，20代表一塊空間，18代表一塊空間。如圖所示，18的空間是真正存儲數據的空間(new出來的堆空間),20是存儲真正數據所在空間的地址。

　　而在swap函數調用時，實參arr將數值18(也就是new出來空間的地址)傳值給形參arr1。也就意味著他們都指向同一塊空間，那么在swap函數中操作arr1就等價于操作arr本身。就好比一個房子，有兩把鑰匙，任意一把鑰匙都能打開房子。所以arr數組的數值就會發生交換。

　　總結：

　　1. JS的傳參只有值傳遞，所謂的引用傳遞本質就是值傳遞。

　　2. 值傳遞是單向的。

　　3. 內置基本類型做為實參時，不能通過形參改變實參的數值。

　　4. 引用類型做為實參時，可以通過形參改變實參所指向空間的值。

　　更多關于前端培訓的問題，歡迎咨詢千鋒教育在線名師，如果想要了解我們的師資、課程、項目實操的話可以點擊咨詢課程顧問，獲取試聽資格來試聽我們的課程，在線零距離接觸千鋒教育大咖名師，讓你輕松從入門到精通。