快捷導(dǎo)航

關(guān)于ECMAScript中的原始值和引用值詳解

更新時(shí)間：2021年08月04日 14:16:46 作者：木亦Sam

在ECMAScript中,變量可以存在兩種類型的值,即原始值和引用,這篇這篇文章主要給大家介紹了關(guān)于ECMAScript中的原始值和引用值的相關(guān)資料,需要的朋友可以參考下

前言

這應(yīng)該是很基礎(chǔ)的 JavaScript 的知識(shí)點(diǎn)，但估計(jì)很多小伙伴都只是簡(jiǎn)單帶過(guò)，到面試時(shí)一問(wèn)三不知。這里結(jié)合我之前的筆記，再簡(jiǎn)單的介紹下原始值和引用值的相關(guān)知識(shí)，來(lái)，開(kāi)始。

ECMAScript 規(guī)定變量可以包含兩種數(shù)據(jù)類型，要么是原始值（primitive value），要么是引用值（reference value），原始值即為最簡(jiǎn)單的數(shù)據(jù)構(gòu)成，而引用值是指由多個(gè)值構(gòu)成的對(duì)象。

一共包含六種原始值，分別是：Undefined、Null、Boolean、Number、String和 Symbol，操作原始值就是操作存儲(chǔ)變量中的實(shí)際值。

而引用值這玩意呢，它是保存在內(nèi)存中的對(duì)象，由于 JavaScript 是不能直接訪問(wèn)內(nèi)存位置的，因此也就不能直接操作對(duì)象所在的內(nèi)存空間，當(dāng)你操作對(duì)象的時(shí)候，實(shí)際也就是操作的對(duì)象的引用，而不是這個(gè)對(duì)象本身。

什么是動(dòng)態(tài)屬性

動(dòng)態(tài)屬性是指在創(chuàng)建一個(gè)引用值后，可以動(dòng)態(tài)地添加、修改、刪除其屬性和方法。示例：

let obj = new Object();
obj.name = "Sam";

console.log(obj.name); // "Sam"

釋義：首先創(chuàng)建一個(gè)引用值對(duì)象，并把它保存在變量 obj 中，第二步賦予 obj 一個(gè) name 屬性，值為“Sam”。除非這個(gè)屬性被修改/刪除，不然你是可以直接打印或者訪問(wèn)這個(gè)屬性的。

原始值不能帶有屬性，盡管在給它進(jìn)行屬性操作的時(shí)候不會(huì)報(bào)錯(cuò)。示例：

let me = "Sam";
me.sex = "男";

console.log(me.sex); // undefined

這里使用的是字面量的形式初始化，因此盡管給 me 賦予了 sex 屬性，也是無(wú)濟(jì)于事的，無(wú)法訪問(wèn)該屬性。
如果是使用 new 關(guān)鍵字初始化原始值，JavaScript 則會(huì)創(chuàng)建一個(gè) Object 實(shí)例。示例：

let me = new String("Sam");
me.sex = "男";

console.log(me.sex); // "男"

值的復(fù)制

原始值和引用值在通過(guò)變量復(fù)制時(shí)也有所不同，原始值會(huì)被復(fù)制到一個(gè)新的變量，而引用值實(shí)際上是復(fù)制了值的指針。示例：

let name = "Sam";
let myName = name;

console.log(myName); // "Sam"

當(dāng) myName 初始化為 name 時(shí)，“Sam”也會(huì)被復(fù)制到 myName 中，與 name 相互獨(dú)立，互不干擾，可以理解為 myName 是 name 的副本。

而引用值的復(fù)制，實(shí)際是復(fù)制了一個(gè)指針，指向堆內(nèi)存中的對(duì)象，對(duì)復(fù)制后的變量進(jìn)行屬性操作，實(shí)際也是操作的被復(fù)制的對(duì)象，兩個(gè)變量實(shí)際上是指同一對(duì)象。示例：

let me = new Object();
let you = me;

me.name = "Sam";

console.log(you.name); // "Sam"

判斷值類型

我們經(jīng)常使用 typeof 來(lái)判斷一個(gè)變量的類型，對(duì)判斷原始值的類型很有用，但如果是用來(lái)判斷引用值，卻顯得用處不大，因?yàn)閷?duì)于引用值和 null，typeof 都是返回的 object。

通常情況下，我們需要確切知道，這是一個(gè)什么類型的對(duì)象，于是便有了 instanceof 操作符。語(yǔ)法為：

result = variable instanceof constructor

instanceof 返回一個(gè) Boolean 值。示例：

console.log(person instanceof Object);  
// 變量 person 是 Object 嗎？

console.log(colors instanceof Array);   
// 變量 colors 是 Array 嗎？

console.log(pattern instanceof RegExp); 
// 變量 pattern 是 RegExp 嗎？

如果使用 instanceof 檢測(cè)原始值，則會(huì)始終返回 false，因?yàn)樵贾挡皇菍?duì)象。