深入了解JavaScript對(duì)象（1）--原始類型和引用類型

mindwind 發(fā)布于2019-08-20 17:27 / 878人閱讀

摘要：原始類型和引用類型原始類型存儲(chǔ)簡(jiǎn)單數(shù)據(jù)值，引用類型存儲(chǔ)對(duì)象，其本質(zhì)是指向內(nèi)存位置的應(yīng)用。保存指向內(nèi)存中實(shí)際對(duì)象所在位置的指針鑒別引用類型操作符以一個(gè)對(duì)象和一個(gè)構(gòu)造函數(shù)為參數(shù)。這些特殊引用類型的存在使得原始引用類型用起來和對(duì)象一樣方便。

原始類型和引用類型

1.原始類型存儲(chǔ)簡(jiǎn)單數(shù)據(jù)值，引用類型存儲(chǔ)對(duì)象，其本質(zhì)是指向內(nèi)存位置的應(yīng)用。

注：其他編程語(yǔ)言用棧存儲(chǔ)原始類型，用堆存儲(chǔ)引用類型。JavaScript原始值被保存在變量對(duì)象內(nèi)，而引用值則作為一個(gè)指針保存在變量對(duì)象內(nèi)，該指針指向?qū)嶋H對(duì)象在內(nèi)存中的存儲(chǔ)位置。

2.原始類型：boolean，number，string，null，undefined。原始類型的變量直接保存原始值（而不是一個(gè)指向?qū)ο蟮闹羔槪簿褪钦f，當(dāng)你將原始值賦值給一個(gè)變量時(shí)，該值被復(fù)制到變量中，每一個(gè)變量都有它自己的一份數(shù)據(jù)拷貝。

var name = "張三";
var age = 18;
var show = true;
var object = null;
var flag = undefined;

// 一個(gè)變量的改變并不會(huì)影響到其他變量
var color1 = "red";
var color2 = color1;
console.log(color1);    // red
console.log(color2);    // red
color2 = "blue";
console.log(color1);    // red
console.log(color2);    // blue

3.引用類型：引用類型不在變量中保存對(duì)象，所以例子中的object變量實(shí)際上并不包含對(duì)象的實(shí)例，而是一個(gè)指向內(nèi)存中實(shí)際對(duì)象所在位置的指針（或者說是引用）。這就意味著，當(dāng)你將一個(gè)對(duì)象賦值給變量時(shí)，實(shí)際上賦值給這個(gè)變量的是一個(gè)指針。也就是說，這兩個(gè)變量指向內(nèi)存中的同一個(gè)對(duì)象。

var object = new Object(); //保存指向內(nèi)存中實(shí)際對(duì)象所在位置的指針

4.鑒別引用類型

instanceof操作符以一個(gè)對(duì)象和一個(gè)構(gòu)造函數(shù)為參數(shù)。如果對(duì)象是構(gòu)造函數(shù)所指定的類型的一個(gè)實(shí)例，instanceof返回true；否則返回false。intanceof操作符可鑒別繼承類型，意味著所有的引用類型都繼承Object。

var items = [];
var object = {};
function reflect(value){
    return value;
}
console.log(items instanceof Array);    // true
console.log(object instanceof Object);    // true
console.log(reflect instanceof Function);    // true

5.鑒別數(shù)組
當(dāng)JavaScript的值在同一個(gè)頁(yè)面不同框架之間傳來傳去，再用instanceof來鑒別引用類型的時(shí)候，就可能出現(xiàn)問題，因?yàn)槊恳粋€(gè)框架都有它自己的全局上下文--Object、Array以及其他內(nèi)建類型的版本。所以，當(dāng)你把數(shù)組從一個(gè)框架傳到另一個(gè)框架時(shí)，instanceof就無法識(shí)別，因?yàn)樵摂?shù)組是來自不同框架的Array的實(shí)例。所以這個(gè)時(shí)候，得用Array.isArray()方法來鑒別數(shù)組，該方法只兼容IE9及以上。

6.原始封裝類型
原始封裝類型共有3種，（String，Number和Boolean）。這些特殊引用類型的存在使得原始引用類型用起來和對(duì)象一樣方便。例如：

var name = "張三";
var firstChar = name.charAt(0);
console.log(firstChar);    // 張

// 背后發(fā)生的事情
var name = "張三";
var temp = new String(name);
var firstChar = temp.charAt(0);
temp = null;
console.log(firstChar);    // 張

var name = "張三";
name.last = "王五";
console.log(name.last);    // undefined

// 背后發(fā)生的事情
var name = "張三";
var temp = new String(name);
temp.last = "王五";
temp = null;

var temp = new String(name);
console.log(temp.last);    // undefined
temp = null;