摘要：值的比較只進(jìn)行值的比較會(huì)進(jìn)行數(shù)據(jù)類型的轉(zhuǎn)換。只要在當(dāng)前實(shí)例的原型鏈上，我們用其檢測(cè)出來的結(jié)果都是。但檢測(cè)與不一樣，還可以處理基本數(shù)據(jù)類型的檢測(cè)。

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

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

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

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

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ù)類型的比較。

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

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

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

當(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還是指向原來的那個(gè)對(duì)象。

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 無效
typeof [] ; //object 無效
typeof new Date(); //object 無效
typeof new RegExp(); //object 無效

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

instanceof 是用來判斷A是否為B的實(shí)例，表達(dá)式為：A instanceof B，如果A是B的實(shí)例，則返回true,否則返回false。instanceof 運(yùn)算符用來測(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ù)類型來說，字面量方式創(chuàng)建出來的結(jié)果和實(shí)例方式創(chuàng)建的是有一定的區(qū)別的

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

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

只要在當(dāng)前實(shí)例的原型鏈上，我們用其檢測(cè)出來的結(jié)果都是true。在類的原型繼承中，我們最后檢測(cè)出來的結(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ù)起來了，不允許我們?cè)谕饷嬖L問使用。

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

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

undefined 還可以用typeof來判斷

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

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 是無效的對(duì)象，因此是不會(huì)有 constructor 存在的，這兩種類型的數(shù)據(jù)需要通過其他方式來判斷。

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

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

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

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

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

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

Object上的toString并不是用來轉(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的引用

文章于2018.10.10重新修改，希望對(duì)大家有些許幫忙！

如果覺得文章對(duì)你有些許幫助，歡迎在我的GitHub博客點(diǎn)贊和關(guān)注，感激不盡！

【文章】[[ JS 進(jìn)階 ] 基本類型 引用類型 簡(jiǎn)單賦值 對(duì)象引用](https://segmentfault.com/a/11...（推薦）

JS判斷數(shù)據(jù)類型的三種方法

JS中的數(shù)據(jù)類型及判斷

Javascript 判斷變量類型的陷阱 與 正確的處理方式

判斷JS數(shù)據(jù)類型的四種方法