溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

JS中的參數傳遞實例分析

發布時間:2022-03-03 16:50:23 來源:億速云 閱讀:140 作者:iii 欄目:web開發

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

  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中的參數傳遞實例分析”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

js
AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女