這篇文章主要介紹“JS中的參數傳遞實例分析”，在日常操作中，相信很多人在JS中的參數傳遞實例分析問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”JS中的參數傳遞實例分析”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

創新互聯公司主營巧家網站建設的網絡公司,主營網站建設方案,成都app軟件開發,巧家h5重慶小程序開發公司搭建,巧家網站營銷推廣歡迎巧家等地區企業咨詢

1. 值傳遞是什么？

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

EXP：

function fun（x） {

console.log（x）;

}

let a = 123;

fun（a）;

運行結果;

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

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

EXP：

function fun（x） {

x = 666;

}

let a = 123;

fun（a）;

console.log（a）;

運行結果：

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

2、值傳遞的特點：

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

EXP：

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

function swap（x, y） {

let t;

t = x;

x = y;

y = t;

}

let a = 123;

let b = 456;

swap（a, b）;

console.log（a, b）;

運行結果：

雖然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函數實現數組內部元素的交換。

let arr = [1, 2];

function swap（arr1） {

let t;

t = arr1[0];

arr1[0] = arr1[1];

arr1[1] = t;

}

swap（arr）;

console.log（arr[0], arr[1]）;

運行結果：

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

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

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

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

總結：

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

2. 值傳遞是單向的。

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

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

思考：（如果有問題，歡迎私聊討論）

let arr1 = [1, 2];

let arr2 = [3, 4];

function swap（arr1, arr2） {

let t;

t = arr1;

arr1 = arr2;

arr2 = t;

}

swap（arr1, arr2）;

console.log（arr1, arr2）;

到此，關于“JS中的參數傳遞實例分析”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注創新互聯網站，小編會繼續努力為大家帶來更多實用的文章！

本文標題：JS中的參數傳遞實例分析
文章轉載：http://vcdvsql.cn/article14/pejede.html

成都網站建設公司_創新互聯，為您提供網站導航、網站排名、網站策劃、服務器托管、Google、網站改版

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯