一、數據類型

js的數據類型分為兩類 基礎數據類型與引用數據類

• 基礎數據類型 undefined、null、number、string、 boolean、symbol（es6新增 表示獨一無二的值）
• 引用數據類型 Object、Function、 Array、Date、RegExp、Error、Number、String、Boolean

區別

• 基礎數據類型的數據名、值都保存在棧內存中

  
  
  icon.png

• 引用數據類型的數據 名存儲在棧內存中，值存儲在堆內存中，但是棧內存會提供一個引用的地址指向堆內存中的值

  
  
  icon2.png

二、數據類型判斷

1、typeof()

判斷基本數據類型（也可用于引用類型的Function類型判斷）

console.log(typeof 123)　　  //number
console.log(typeof '123')   //string
console.log(typeof false)   //boolean
console.log(typeof undefined)   //undefined
console.log(typeof null)    //object 無效
console.log(typeof Symbol() ) //symbol
console.log(typeof {})      //object
console.log(typeof [])      //object 無效
console.log(typeof Function() ) //function

console.log(typeof new Date())   //object 無效
console.log(typeof new RegExp())  //object 無效
console.log(typeof new Number())  //object 無效
console.log(typeof new String())  //object 無效
console.log(typeof new Boolean())  //object 無效

typeof 可以檢測出 number、string、boolean、undefined、object、function 、symbol七種數據類型，對于Array、null、以及其他構造器對象的類型檢測無效，原因是構造器本質都是object類型。特殊的是null的數據類型是object 是因為null會被當作一個空對象的引用

2、instanceof

判斷引用數據類型

console.log([] instanceof Array)  //true
console.log({} instanceof Object) //true
console.log(Function() instanceof Function) //true
console.log(new Date() instanceof Date) //true
console.log(new RegExp() instanceof RegExp) //true
console.log(new Number() instanceof Number) //true
console.log(null instanceof Null) //報錯
console.log(undefined instanceof undefined) //報錯
...

表達式：a instanceof b，用來判斷a是否是b的實例對象
其中 a是對象 b是函數，通過判斷構造函數b的原型對象 b.prototype是否在a實例對象的原型鏈上來確定實例對象的具體數據類型，但不能用來檢測 null undefined

3、constructor

判斷引用數據類型
constructor 屬性返回對創建此對象的數組函數的引用，就是返回對象相對應的構造函數

console.log([].constructor)  //? Array() { [native code] }
console.log({}.constructor) //? Object() { [native code] }
console.log(Function().constructor) //? Function() { [native code] }
console.log(new Date().constructor) //? Date() { [native code] }
console.log(new RegExp().constructor) //? RegExp() { [native code] }
console.log(new Number().constructor) //? Number() { [native code] }
console.log(null.constructor) //報錯
console.log(undefined.constructor) //報錯

與instanceof定義差異
a instanceof b ： 判斷a是否是構造函數b的實例對象
a.constructor === b : 判斷a的構造函數 是否是b
同時他也不能用于檢測 null 與 undefined的數據類型

注：
使用instaceof和construcor,被判斷的array必須是在當前頁面聲明的！比如，一個頁面（父頁面）有一個框架，框架中引用了一個頁面（子頁面），在子頁面中聲明了一個array，并將其賦值給父頁面的一個變量，這時判斷該變量，Array == object.constructor;會返回false；
原因：
1、array屬于引用型數據，在傳遞過程中，僅僅是引用地址的傳遞。
2、每個頁面的Array原生對象所引用的地址是不一樣的，在子頁面聲明的array，所對應的構造函數，是子頁面的Array對象；父頁面來進行判斷，使用的Array并不等于子頁面的Array；切記 參考：http://www.cnblogs.com/leejersey/p/5191924.html

4、Object.prototype.toString.call()

可以用來判斷基礎數據類型和引用數據類型，提供了一個通用的數據類型判斷模式

Object.prototype.toString.call('') //[object String]
Object.prototype.toString.call(1) //[object Number]
Object.prototype.toString.call(true) //[object Boolean]
Object.prototype.toString.call(null) //[object Null]
Object.prototype.toString.call(undefined) //[object Undefined]
Object.prototype.toString.call({}) //[object Object]
Object.prototype.toString.call([]) //[object Array]
Object.prototype.toString.call(new Function()) //[object Function]
Object.prototype.toString.call(new Date()) //[object Date]
Object.prototype.toString.call(new RegExp()) //[object RegExp]
Object.prototype.toString.call(new Error()) //[object Error]
Object.prototype.toString.call(Math) //[object Math]
Object.prototype.toString.call(JSON) //[object JSON]
Object.prototype.toString.call(Symbol()) //[object Symbol]

注：通過Object.prototype.toString.call()來檢測對象類型的原理
toString()方法返回反映這個對象的字符串，那為什么不用obj.toString()直接檢測對象的類型呢？

console.log([1, 2].toString()) //1，2
console.log((123).toString())  //123
console.log('abc'.toString()) //abc
console.log(new Date().toString())  //Sat Aug 03 2019 17:29:54 GMT+0800 (中國標準時間)
console.log(function(){}.toString()) //function(){}
console.log(/\d/.toString()) // /\d/
console.log(new Error().toString()) //Error

由上可以看出直接通過obj.toString()輸出與Object.prototype.toString.call(obj)的結果不一致。
這是因為toString為Object的原型方法，而Array 、Function等類型作為Object的實例，都重寫了toString方法。不同的對象類型調用toString方法時，根據原型鏈的知識，調用的是對應的重寫之后的toString方法（Function類型返回內容為函數體的字符串，Array類型返回元素組成的字符串.....），而不會去調用Object上原型toString方法（返回對象的具體類型），所以采用obj.toString()不能得到其對象類型，只能將obj轉換為字符串類型；因此，在想要得到對象的具體類型時，應該調用Object上原型toString方法
我們可以驗證一下，將數組的toString方法刪除，看看會是什么結果？

var arr=[1,2,3];
console.log(Array.prototype.hasOwnProperty("toString"));//true
console.log(arr.toString());//1,2,3
delete Array.prototype.toString;//delete操作符可以刪除實例屬性
console.log(Array.prototype.hasOwnProperty("toString"));//false
console.log(arr.toString());//"[object Array]"

刪除了Array的toString方法后，同樣再采用arr.toString()方法調用時，不再有屏蔽Object原型方法的實例方法，因此沿著原型鏈，arr最后調用了Object的toString方法，返回了和Object.prototype.toString.call(arr)相同的結果。
參考：https://www.cnblogs.com/youhong/p/6209054.html

三、思考

• 區分Array 與Object的數據類型

function isArray(object){
    return object && typeof object==='object' && Array == object.constructor
}

function isArray(object){
    return object && typeof object==='object' && object instanceof Array
}

function isArray(object){
    return object && typeof object==='object' && Array.isArray(object)
}

• 檢測null數據類型的方法

function isNull(object){
    return Object.prototype.toString.call(object) === '[object Null]'
}
function isNull(object){
    return object === null
}