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

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

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

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

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

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

看示例：

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

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

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

通過非方法來(lái)改變引用變量的值時(shí)，會(huì)為該引用變量重新創(chuàng)建一個(gè)堆房間，此時(shí)指針也會(huì)發(fā)生變化：

總結(jié)：

Number、Stirng、Boolean、Null、Underfined這些基本數(shù)據(jù)類型，他們的值直接保存在棧中；

Object、Function、Array、Date、RegExp這些引用類型，他們的引用變量?jī)?chǔ)存在棧中，通過指針指向儲(chǔ)存在堆中的實(shí)際對(duì)象

以上所述是小編給大家介紹的JS中原始值和引用值的儲(chǔ)存方式示例詳解，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)億速云網(wǎng)站的支持！