首頁 > web前端 > js教程 > javascript中的值傳遞和引用傳遞的詳細講解(程式碼範例)

javascript中的值傳遞和引用傳遞的詳細講解(程式碼範例)

不言
發布: 2018-10-27 15:34:51
轉載
2565 人瀏覽過

本篇文章帶給大家的內容是關於javascript中的值傳遞和引用傳遞的詳細講解(程式碼範例),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

值傳遞是針對基本類型的,而引用傳遞是針對引用類型的。傳參可以理解為:複製變數的值,把這個副本傳遞給形參。

基本型別複製後,形參與實參完全是獨立的,不管改變哪一個,都不會對另一個產生影響。

引用傳遞本質上還是傳值,具體的步驟是:1、先在堆疊中開闢形參參照。 2.把實參引用的值傳遞給形參引用。

1、值傳遞

function add(num) {
    num++;
    console.log("形参:", num);
}

var a = 20;
add(a);
console.log("实参:", a);
登入後複製

結果如下:

#根據結果分析:呼叫add(a),傳遞的實參a =20,把實參複製一份,把複製本傳遞給形參num,所以num 後並沒有影響實參a的值。

2、引用傳遞

function setNum(obj) {
    obj.num = 10;
    console.log("形参:", obj);
}

var a = new Object();
setNum(a);
console.log("实参:", a);
登入後複製

結果如下:

# 當var a = new Object();時,下圖時變數與物件的關係:

 呼叫setNum(a);時,下圖是全域變數a和局部變數obj以及物件Object的關係式:

這段程式碼建立了一個Object對象,變數(引用)a指向這個Object對象。呼叫setNum(a),在這個函數內部,obj和a都引用的是相同Object對象,即a和obj都指向同一個堆記憶體位址。所以,透過傳遞實參引用a,對形參引用obj加入num屬性後,也影響到了實參引用a。所以,很多人就會被這種假象所蒙蔽,錯誤的認為:在局部作用域修改對象,會在全域物件中反映出來,就表示參數是引用傳遞。

所以,以下是我的進一步分析:

function setNum(obj) {
    obj.num = 10;
    obj = new Object();
    obj.num = 20;
    console.log("形参:", obj);
}

var a = new Object();
setNum(a);
console.log("实参:", a);
登入後複製

結果如下:

在函數內部建立obj物件obj = new Object (); 下圖是a和obj以及Object的關係:

這段程式碼在前一個的基礎上,在setNum()函數中加入了兩行程式碼:obj = new Object()改變了obj的指向;obj.num = 20為新建立的obj新增屬性。根據結果來看,形參的改變並沒有影響到實參,所以,在JS中,引用傳遞的本質就是值傳遞。


以上是javascript中的值傳遞和引用傳遞的詳細講解(程式碼範例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板