JavaScript引用賦值與傳值賦值總結

前言

在JavaScript中基本數據類型都是傳值賦值，復合數據類型都是引用賦值(傳地址)也叫引用傳址

基本數據類型的變量名和數據是直接存在"快速內存"（棧內存）中。

基本的數據類型有：undefined，boolean，number，string，null。基本類型存放在棧區，訪問是按值訪問的，就是說你可以操作保存在變量中的實際的值。

而復合數據類型（對象和數組）的存儲分兩個部分：

復合數據類型可以擁有屬性和方法，並且我們可以修改其屬性和方法。

引用傳址：將一個變量的數據地址，“拷貝”一份，傳給另瞭另一個變量。這兩個變量，指向“同一個地址”。

大傢共享同一份數據。

如果其中一個變量的值發生瞭改變，那麼，另一個變量的值也得變。要變一起變。

舉例：

    var a=1;
    var b=a;
    a=2;
    console.log(b);  // 打印輸出結果: 1

當基本類型的數據賦值時，賦得是實際的值，a和b是沒有關聯關系的，b由a復制得到，相互獨立。

    let a_arr=[1,2,3,4,5];
    let b_arr=a_arr;
    a_arr[0]=10;
    console.log(b_arr); // 打印輸出結果: (5) [10, 2, 3, 4, 5]

對象（包括數組)使用的是引用賦值。當我們把一個對象賦值給一個新的變量時，賦的其實是該對象的在堆中的地址，而不是堆中的數據。也就是將一個變量的數據地址，“拷貝”一份，傳給另瞭另一個變量。這兩個變量，指向“同一個地址”。因此，兩個對象是聯動的。

那麼問題來瞭，如何讓 b_arr 的值不要因a_arr的改變而改變呢？也就數說，b_arr打印輸出結果為 (5) [1, 2, 3, 4, 5]

解決辦法：

    let a_arr=[1,2,3,4,5];
    let b_arr=a_arr.concat();
    a_arr[0]=10;
    console.log(b_arr); // 打印輸出結果: (5) [1, 2, 3, 4, 5]

concat() 方法用於連接兩個或多個數組。
concat() 方法不會更改現有數組，而是返回一個新數組，其中包含已連接數組的值。

到此這篇關於JavaScript引用賦值與傳值賦值總結的文章就介紹到這瞭,更多相關js 賦值內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！