這篇文章主要介紹“JS中的參數(shù)傳遞實(shí)例分析”，在日常操作中，相信很多人在JS中的參數(shù)傳遞實(shí)例分析問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”JS中的參數(shù)傳遞實(shí)例分析”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

創(chuàng)新互聯(lián)公司主營(yíng)巧家網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,成都app軟件開(kāi)發(fā),巧家h5重慶小程序開(kāi)發(fā)公司搭建,巧家網(wǎng)站營(yíng)銷推廣歡迎巧家等地區(qū)企業(yè)咨詢

1. 值傳遞是什么？

在函數(shù)傳參的過(guò)程中，實(shí)參將數(shù)值傳遞給形參。

EXP：

function fun（x） {

console.log（x）;

}

let a = 123;

fun（a）;

運(yùn)行結(jié)果;

在fun（a）這個(gè)函數(shù)調(diào)用語(yǔ)句中，實(shí)參為a、形參為x，從輸出結(jié)果來(lái)看，可以證明實(shí)參a將數(shù)值123傳給了形參x。

疑問(wèn)：是否可以通過(guò)形參x數(shù)值的修改，來(lái)改變實(shí)參a的值？

EXP：

function fun（x） {

x = 666;

}

let a = 123;

fun（a）;

console.log（a）;

運(yùn)行結(jié)果：

可以看到實(shí)參a的數(shù)值并沒(méi)有因?yàn)閤的改變而發(fā)生變化。是因?yàn)橹祩鬟f的特點(diǎn)決定，咱們接著往下看。

2、值傳遞的特點(diǎn)：

單向傳遞，只能將實(shí)參的數(shù)值傳遞給形參，不能將形參的值傳遞給實(shí)參。

EXP：

我們希望編寫(xiě)一個(gè)交換兩個(gè)變量數(shù)值的函數(shù)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）;

運(yùn)行結(jié)果：

雖然swap（a, b）被調(diào)，但是實(shí)參a,b的值并未發(fā)生改變。是因?yàn)閷?shí)參a,b與形參x,y在內(nèi)存中是不同的空間。這里我們引入一個(gè)地址的概念。

地址就是內(nèi)存中的一個(gè)編號(hào)，等價(jià)于我們常說(shuō)的引用ID（引用ID是優(yōu)化后的地址）。

可以將內(nèi)存想象成一棟高樓，那么地址號(hào)就是樓房中的某個(gè)房間號(hào)。

咱們來(lái)通過(guò)內(nèi)存模擬一下實(shí)參與形參的交換過(guò)程。（如下圖）假設(shè)實(shí)參a的地址18，實(shí)參b的地址為19。而形參x的地址為20，形參y的地址為21。

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

疑問(wèn)：有沒(méi)有其他辦法可以通過(guò)形參改變實(shí)參的數(shù)值呢？

有，當(dāng)傳遞的實(shí)參為引用類型時(shí)，可以通過(guò)形參改變實(shí)參所指向空間的數(shù)值。

這句話比較難以理解。別急，下面咱們來(lái)討究這個(gè)問(wèn)題。

1. 內(nèi)置基本類型與引用類型作為實(shí)參的區(qū)別：

首先無(wú)論實(shí)參是什么類型的數(shù)據(jù)，實(shí)參傳遞給形參的一定是實(shí)參的數(shù)值本身。

通過(guò)剛才的swap函數(shù)，其實(shí)我們已經(jīng)得出了一個(gè)結(jié)論：

當(dāng)傳遞的實(shí)參為內(nèi)置基本類型時(shí)，形參是無(wú)法改變實(shí)參的數(shù)值。

而當(dāng)實(shí)參為引用類型數(shù)據(jù)時(shí)，又會(huì)又怎樣的結(jié)果呢？

EXP：

我們依然希望編寫(xiě)一個(gè)具有交換功能的swap函數(shù)，只不過(guò)這次swap函數(shù)的參數(shù)是一個(gè)引用類型數(shù)據(jù)數(shù)組。通過(guò)swap函數(shù)實(shí)現(xiàn)數(shù)組內(nèi)部元素的交換。

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]）;

運(yùn)行結(jié)果：

這次確實(shí)交換了arr數(shù)組中的arr[0]，arr[1]兩個(gè)元素的值。

原因是引用類型在內(nèi)存中是由兩塊空間構(gòu)成的：

咱們依然用內(nèi)存模擬應(yīng)用類型數(shù)據(jù)在內(nèi)存中的存儲(chǔ)方式，20代表一塊空間，18代表一塊空間。如圖所示，18的空間是真正存儲(chǔ)數(shù)據(jù)的空間（new出來(lái)的堆空間），20是存儲(chǔ)真正數(shù)據(jù)所在空間的地址。

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

總結(jié)：

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

2. 值傳遞是單向的。

3. 內(nèi)置基本類型做為實(shí)參時(shí)，不能通過(guò)形參改變實(shí)參的數(shù)值。

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

思考：（如果有問(wèn)題，歡迎私聊討論）

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）;

到此，關(guān)于“JS中的參數(shù)傳遞實(shí)例分析”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

本文標(biāo)題：JS中的參數(shù)傳遞實(shí)例分析
文章轉(zhuǎn)載：http://www.chinadenli.net/article14/pejede.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、網(wǎng)站排名、網(wǎng)站策劃、服務(wù)器托管、Google、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)