JS中原始值和引用值的儲存方式示例詳解

更新時間：2018年03月23日 09:30:13 作者：心晴安夏

原始值指的是代表原始數(shù)據(jù)類型的值，也叫基本數(shù)據(jù)類型，引用值指的是復(fù)合數(shù)據(jù)類型的值。接下來通過示例代碼給大家介紹JS中原始值和引用值的儲存方式，感興趣的朋友一起看看吧

在ECMAscript中，變量可以存放兩種類型的值，即原始值和引用值

原始值指的是代表原始數(shù)據(jù)類型的值，也叫基本數(shù)據(jù)類型，包括：Number、Stirng、Boolean、Null、Underfined
引用值指的是復(fù)合數(shù)據(jù)類型的值，包括：Object、Function、Array、Date、RegExp

根據(jù)數(shù)據(jù)類型不同，有的變量儲存在棧中，有的儲存在堆中。具體區(qū)別如下：

原始變量及他們的值儲存在棧中，當(dāng)把一個原始變量傳遞給另一個原始變量時，是把一個棧房間的東西復(fù)制到另一個棧房間，且這兩個原始變量互不影響。

引用值是把引用變量的名稱儲存在棧中，但是把其實際對象儲存在堆中，且存在一個指針由變量名指向儲存在堆中的實際對象，當(dāng)把引用對象傳遞給另一個變量時，復(fù)制的其實是指向?qū)嶋H對象的指針，此時兩者指向的是同一個數(shù)據(jù)，若通過方法改變其中一個變量的值，則訪問另一個變量時，其值也會隨之加以改變；但若不是通過方法而是通過重新賦值此時相當(dāng)于重新開了一個房間該值的原指針改變，則另外一個值不會隨他的改變而改變。

看示例：

var a="hello";
var b=a;
a="world";
alert(a);//world
alert(b);//hello
var arr=[1,3];
arr1=arr;
arr.push(5);
alert(arr)//1,3,5
alert(arr1);//1,3,5
arr=[7,8];
alert(arr);//7,8
alert(arr1);//1,3,5

用圖來表示結(jié)果如下：

原始變量的值互不影響，引用變量arr和arr1指向的為同一對象，所以當(dāng)對arr通過方法改變其值時（堆房間里的數(shù)據(jù)發(fā)生變化），訪問arr1的數(shù)據(jù)時就會訪問到改變后的對象