JS引用傳遞與值傳遞的區(qū)別與用法分析
更新時間：2018年06月01日 10:36:37 作者：Mcya
這篇文章主要介紹了JS引用傳遞與值傳遞的區(qū)別與用法,結(jié)合實例形式較為詳細的對比分析了javascript引用傳遞與值傳遞的原理、區(qū)別、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下
本文實例講述了JS引用傳遞與值傳遞的區(qū)別與用法。分享給大家供大家參考，具體如下：
這里詳細解釋JS值傳遞和引用傳遞以及二者的區(qū)別。
我們先來解釋一下這兩個的基本概念吧。
函數(shù)調(diào)用中，傳遞是一個數(shù)值，我們稱為 “值傳遞”。
函數(shù)調(diào)用中，傳遞是對象，一般稱為 “引用傳遞”。
現(xiàn)在這里總體上說明，這二者的本質(zhì)區(qū)別就在于傳遞的數(shù)據(jù)類型不一樣，值傳遞傳遞的是一個值，而引用傳遞傳遞的是一個對象。
看一下代碼以及代碼中的注釋。
一、引入
function func(a)
{
a++;
}
// 因為函數(shù)都沒有調(diào)用，所以找不到 a
console.log(a);
//結(jié)果明顯是undefined了。
//所以看下面兩個例子。
二、值傳遞
var a = 5;
function func(a)
{
// 函數(shù)中開辟了一個空間 a == 5
// a==6
a++;
}
func(5);
// 結(jié)果，函數(shù)沒有改變到 外部 a 的值，所以，結(jié)果是 5
console.log(a);
// 函數(shù)調(diào)用中，傳遞是一個數(shù)值，我們稱為 “值傳遞”
// 特點： 有多個不同的空間，空間都是在棧中的
// 所以 修改函數(shù)中的空間，對外部空間是沒有影響的
三、引用傳遞
var a = 5;
function func()
{
// 開辟函數(shù) 的空間
// 函數(shù)中沒有 a 的空間
// 所以，系統(tǒng)會自動向外面搜索
// 這里是對外部的變量進行修改
a++;
}
func(5);
// 因為函數(shù)中修改了外部的變量 a，所以，值發(fā)生改變了，是 6
console.log(a);
// 函數(shù)調(diào)用中，傳遞是對象，一般稱為 “引用傳遞”
// 特點： 實在存數(shù)據(jù)的空間只有一份
詳細的說明我都在代碼中注釋說明了，歡迎指點指點指正。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
Javascript遍歷Html Table示例(包括內(nèi)容和屬性值)
這篇文章主要介紹了Javascript如何遍歷Html Table(包括內(nèi)容和屬性值),需要的朋友可以參考下2014-07-07
JavaScript?雙位非運算(~~?操作符)使用場景實例探索
本文為大家介紹JavaScript中雙位非運算?~~，?~~?操作符是一個強大且經(jīng)常被忽視的特性，它提供了一種快速、簡潔的方式來處理數(shù)字和執(zhí)行類型轉(zhuǎn)換，通?？梢员挥糜跀?shù)學計算和類型轉(zhuǎn)換，我們先了解一下?~~?的基本概念和它的一些應(yīng)用場景2024-01-01
這篇文章主要介紹了webpack4 處理CSS的方法示例,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
我們?nèi)粘ｉ_發(fā)中經(jīng)常需要用到圖片上傳功能,這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)圖片上傳功能的思路與源碼的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-11-11
uni-app小程序項目無法直接獲取到地理位置,只能通過獲取到的經(jīng)緯度,調(diào)用第三方地圖Api獲取,下面這篇文章主要給大家介紹了關(guān)于如何使用uniapp開發(fā)微信小程序獲取當前位置的相關(guān)資料,需要的朋友可以參考下2022-10-10
這篇文章主要介紹了Web表單提交之disabled問題js解決方法,分析了通過js解決保存值也能保留用戶不能輸入的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01
本文主要分享了js模糊查詢的實現(xiàn)代碼，沒有接觸到后臺數(shù)據(jù)的知識，只是查詢當前表格中每一行所包含的關(guān)鍵字。具有一定的參考價值，需要的朋友一起來看下吧2016-12-12
本篇文章主要介紹了使用Ajax與服務(wù)器（JSON）通信方法，Ajax提供了兩類服務(wù)器通信手段：同步通信和異步通信。有需要的可以了解一下。2016-11-11
ElementUI是Vue.js的一套組件庫,其日期時間選擇器默認是通過點擊輸入框來觸發(fā),本文介紹了如何自定義觸發(fā)日期選擇器,同時隱藏輸入框,通過編寫一個自定義組件CustomDatePicker.vue,可以實現(xiàn)點擊按鈕來觸發(fā)日期選擇器2024-10-10
本文給大家分享的是JS/Jquery判斷對象是不是空對象的方法，十分的簡單實用，有需要的小伙伴可以參考下。2015-06-06