這篇文章主要介紹JavaScript中有哪幾種類型的值，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

10年積累的網(wǎng)站設(shè)計(jì)制作、網(wǎng)站建設(shè)經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程，更有新邱免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

一、JavaScript有幾種類型的值？

Javascript有兩種數(shù)據(jù)類型，分別是基本數(shù)據(jù)類型和引用數(shù)據(jù)類型。其中基本數(shù)據(jù)類型包括Undefined、Null、Boolean、Number、String、Symbol (ES6新增，表示獨(dú)一無(wú)二的值)，而引用數(shù)據(jù)類型統(tǒng)稱為Object對(duì)象，主要包括對(duì)象、數(shù)組和函數(shù)。接下來(lái)我們分別看下兩者的特點(diǎn)。

二、基本數(shù)據(jù)類型

1.值是不可變的

var name = 'java';
name.toUpperCase(); // 輸出 'JAVA'
console.log(name); // 輸出  'java'

由此可得，基本數(shù)據(jù)類型的值是不可改變的

2.存放在棧區(qū)

原始數(shù)據(jù)類型直接存儲(chǔ)在棧(stack)中的簡(jiǎn)單數(shù)據(jù)段，占據(jù)空間小、大小固定，屬于被頻繁使用數(shù)據(jù)，所以放入棧中存儲(chǔ)。

3.值的比較

var a = 1;
var b = true;
console.log(a == b);    // true
console.log(a === b);   // false

== : 只進(jìn)行值的比較,會(huì)進(jìn)行數(shù)據(jù)類型的轉(zhuǎn)換。
=== : 不僅進(jìn)行值得比較，還要進(jìn)行數(shù)據(jù)類型的比較。

三、引用數(shù)據(jù)類型

1.值是可變的

var a={age:20}；
a.age=21；
console.log(a.age)//21

上面代碼說(shuō)明引用類型可以擁有屬性和方法，并且是可以動(dòng)態(tài)改變的。

2.同時(shí)保存在棧內(nèi)存和堆內(nèi)存

引用數(shù)據(jù)類型存儲(chǔ)在堆(heap)中的對(duì)象,占據(jù)空間大、大小不固定,如果存儲(chǔ)在棧中，將會(huì)影響程序運(yùn)行的性能；引用數(shù)據(jù)類型在棧中存儲(chǔ)了指針，該指針指向堆中該實(shí)體的起始地址。當(dāng)解釋器尋找引用值時(shí)，會(huì)首先檢索其在棧中的地址，取得地址后從堆中獲得實(shí)體。

3.比較是引用的比較

當(dāng)從一個(gè)變量向另一個(gè)變量賦引用類型的值時(shí)，同樣也會(huì)將存儲(chǔ)在變量中的對(duì)象的值復(fù)制一份放到為新變量分配的空間中。

var a={age:20};
var b=a;
b.age=21;
console.log(a.age==b.age)//true

上面我們講到基本類型和引用類型存儲(chǔ)于內(nèi)存的位置不同，引用類型存儲(chǔ)在堆中的對(duì)象，與此同時(shí)，在棧中存儲(chǔ)了指針，而這個(gè)指針指向正是堆中實(shí)體的起始位置。變量a初始化時(shí)，a指針指向?qū)ο髙age:20}的地址，a賦值給b后,b又指向該對(duì)象{age:20}的地址，這兩個(gè)變量指向了同一個(gè)對(duì)象。因此，改變其中任何一個(gè)變量，都會(huì)相互影響。

此時(shí)，如果取消某一個(gè)變量對(duì)于原對(duì)象的引用，不會(huì)影響到另一個(gè)變量。

var a={age:20};
var b=a;
a = 1;
b // {age:20}

上面代碼中，a和b指向同一個(gè)對(duì)象，然后a的值變?yōu)?，這時(shí)不會(huì)對(duì)b產(chǎn)生影響，b還是指向原來(lái)的那個(gè)對(duì)象。

四、檢驗(yàn)數(shù)據(jù)類型

1.typeof

typeof返回一個(gè)表示數(shù)據(jù)類型的字符串，返回結(jié)果包括：number、boolean、string、symbol、object、undefined、function等7種數(shù)據(jù)類型，但不能判斷null、array等

typeof Symbol(); // symbol 有效
typeof ''; // string 有效
typeof 1; // number 有效
typeof true; //boolean 有效
typeof undefined; //undefined 有效
typeof new Function(); // function 有效
typeof null; //object 無(wú)效
typeof [] ; //object 無(wú)效
typeof new Date(); //object 無(wú)效
typeof new RegExp(); //object 無(wú)效

數(shù)組和對(duì)象返回的都是object，這時(shí)就需要使用instanceof來(lái)判斷

2.instanceof

instanceof 是用來(lái)判斷A是否為B的實(shí)例，表達(dá)式為：A instanceof B，如果A是B的實(shí)例，則返回true,否則返回false。instanceof 運(yùn)算符用來(lái)測(cè)試一個(gè)對(duì)象在其原型鏈中是否存在一個(gè)構(gòu)造函數(shù)的 prototype 屬性。

[] instanceof Array; //true
{} instanceof Object;//true
new Date() instanceof Date;//true
new RegExp() instanceof RegExp//true

關(guān)于數(shù)組的類型判斷，還可以用ES6新增Array.isArray()

Array.isArray([]);   // true

instanceof 三大弊端：

對(duì)于基本數(shù)據(jù)類型來(lái)說(shuō)，字面量方式創(chuàng)建出來(lái)的結(jié)果和實(shí)例方式創(chuàng)建的是有一定的區(qū)別的

console.log(1 instanceof Number)//false
console.log(new Number(1) instanceof Number)//true

從嚴(yán)格意義上來(lái)講，只有實(shí)例創(chuàng)建出來(lái)的結(jié)果才是標(biāo)準(zhǔn)的對(duì)象數(shù)據(jù)類型值，也是標(biāo)準(zhǔn)的Number這個(gè)類的一個(gè)實(shí)例；對(duì)于字面量方式創(chuàng)建出來(lái)的結(jié)果是基本的數(shù)據(jù)類型值，不是嚴(yán)謹(jǐn)?shù)膶?shí)例，但是由于JS的松散特點(diǎn)，導(dǎo)致了可以使用Number.prototype上提供的方法。

只要在當(dāng)前實(shí)例的原型鏈上，我們用其檢測(cè)出來(lái)的結(jié)果都是true。在類的原型繼承中，我們最后檢測(cè)出來(lái)的結(jié)果未必準(zhǔn)確。

var arr = [1, 2, 3];
console.log(arr instanceof Array) // true
console.log(arr instanceof Object);  // true
function fn(){}
console.log(fn instanceof Function)// true
console.log(fn instanceof Object)// true

不能檢測(cè)null 和 undefined

對(duì)于特殊的數(shù)據(jù)類型null和undefined，他們的所屬類是Null和Undefined，但是瀏覽器把這兩個(gè)類保護(hù)起來(lái)了，不允許我們?cè)谕饷嬖L問(wèn)使用。

3.嚴(yán)格運(yùn)算符===

只能用于判斷null和undefined，因?yàn)檫@兩種類型的值都是唯一的。

var a = null
typeof a // "object"
a === null // true

undefined 還可以用typeof來(lái)判斷

var b = undefined;
typeof b === "undefined" // true
b === undefined // true

4.constructor

constructor作用和instanceof非常相似。但constructor檢測(cè) Object與instanceof不一樣，還可以處理基本數(shù)據(jù)類型的檢測(cè)。

var aa=[1,2];
console.log(aa.constructor===Array);//true
console.log(aa.constructor===RegExp);//false
console.log((1).constructor===Number);//true
var reg=/^$/;
console.log(reg.constructor===RegExp);//true
console.log(reg.constructor===Object);//false

constructor 兩大弊端：

null 和 undefined 是無(wú)效的對(duì)象，因此是不會(huì)有 constructor 存在的，這兩種類型的數(shù)據(jù)需要通過(guò)其他方式來(lái)判斷。

函數(shù)的 constructor 是不穩(wěn)定的，這個(gè)主要體現(xiàn)在把類的原型進(jìn)行重寫(xiě)，在重寫(xiě)的過(guò)程中很有可能出現(xiàn)把之前的constructor給覆蓋了，這樣檢測(cè)出來(lái)的結(jié)果就是不準(zhǔn)確的

function Fn(){}
Fn.prototype = new Array()
var f = new Fn
console.log(f.constructor)//Array

5.Object.prototype.toString.call()

Object.prototype.toString.call() 最準(zhǔn)確最常用的方式。首先獲取Object原型上的toString方法，讓方法執(zhí)行，讓toString方法中的this指向第一個(gè)參數(shù)的值。

關(guān)于toString重要補(bǔ)充說(shuō)明：

本意是轉(zhuǎn)換為字符串，但是某些toString方法不僅僅是轉(zhuǎn)換為字符串

對(duì)于Number、String，Boolean，Array，RegExp、Date、Function原型上的toString方法都是把當(dāng)前的數(shù)據(jù)類型轉(zhuǎn)換為字符串的類型（它們的作用僅僅是用來(lái)轉(zhuǎn)換為字符串的）

Object上的toString并不是用來(lái)轉(zhuǎn)換為字符串的。

Object上的toString它的作用是返回當(dāng)前方法執(zhí)行的主體（方法中的this）所屬類的詳細(xì)信息即"[object Object]",其中第一個(gè)object代表當(dāng)前實(shí)例是對(duì)象數(shù)據(jù)類型的(這個(gè)是固定死的)，第二個(gè)Object代表的是this所屬的類是Object。

Object.prototype.toString.call('') ;   // [object String]
Object.prototype.toString.call(1) ;    // [object Number]
Object.prototype.toString.call(true) ; // [object Boolean]
Object.prototype.toString.call(undefined) ; // [object Undefined]
Object.prototype.toString.call(null) ; // [object Null]
Object.prototype.toString.call(new Function()) ; // [object Function]
Object.prototype.toString.call(new Date()) ; // [object Date]
Object.prototype.toString.call([]) ; // [object Array]
Object.prototype.toString.call(new RegExp()) ; // [object RegExp]
Object.prototype.toString.call(new Error()) ; // [object Error]
Object.prototype.toString.call(document) ; // [object HTMLDocument]
Object.prototype.toString.call(window) ; //[object global] window是全局對(duì)象global的引用

以上是“JavaScript中有哪幾種類型的值”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

文章題目：JavaScript中有哪幾種類型的值-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)地址：http://www.rwnh.cn/article16/dgcpgg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、網(wǎng)站導(dǎo)航、ChatGPT、App開(kāi)發(fā)、網(wǎng)站收錄、電子商務(wù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)