重學(xué)JS: 數(shù)據(jù)類型及類型檢測(cè)

why_rookie 發(fā)布于2019-08-23 18:14 / 2432人閱讀

摘要：數(shù)據(jù)類型七種內(nèi)置類型空值未定義布爾值數(shù)字字符串對(duì)象符號(hào)除對(duì)象之外，其他統(tǒng)稱為基本類型類型檢測(cè)運(yùn)算符后面跟操作數(shù)，或者，返回一個(gè)類型的字符串值。運(yùn)算符用于測(cè)試構(gòu)造函數(shù)的屬性是否出現(xiàn)在對(duì)象的原型鏈中的任何位置。

數(shù)據(jù)類型

JavaScript七種內(nèi)置類型：

空值（null）

未定義（undefined）

布爾值（boolean）

數(shù)字（number）

字符串（string）

對(duì)象（object）

符號(hào)（symbol）

除對(duì)象之外，其他統(tǒng)稱為基本類型

類型檢測(cè) typeof

typeof運(yùn)算符后面跟操作數(shù)，typeof operand 或者 typeof (operand)，返回一個(gè)類型的字符串值。

示例:

typeof undefined === "undefined" // true
typeof true === "boolean" // true
typeof 1 === "number" // true
typeof "test" === "string" // true
typeof {} === "object" // true
typeof Symbol() === "symbol" // true

特殊示例：

typeof null === "object"
typeof function () {} === "function"
typeof [1] === "object"

typeof 對(duì)null的處理有問(wèn)題，正確的結(jié)果應(yīng)該是"null"，但是實(shí)際返回的是"object"，這個(gè)bug由來(lái)已久，也許以后也不會(huì)修復(fù)。

typeof function() {}返回的是一個(gè)"function"，似乎function也是JavaScript的一個(gè)內(nèi)置對(duì)象，實(shí)際上函數(shù)是一個(gè)可調(diào)用對(duì)象，它有一個(gè)內(nèi)部屬性[[Call]]，該屬性使其可以被調(diào)用。

typeof [1]返回"object"，說(shuō)明數(shù)組也是object類型，實(shí)際上它是object的一個(gè)子類型，和普通對(duì)象通過(guò)字符串鍵索引不同，數(shù)組通過(guò)數(shù)字按順進(jìn)行索引。

總結(jié)表格：

instance

typeof是檢測(cè)基本數(shù)據(jù)類型的最佳工具，但是檢測(cè)引用類型的值時(shí)作用不大，都會(huì)返回"object"，這時(shí)候就需要instance操作符了。instance運(yùn)算符用于測(cè)試構(gòu)造函數(shù)的protytpe屬性是否出現(xiàn)在對(duì)象的原型鏈中的任何位置。

用法：object instanceof constructor，object: 要檢測(cè)的對(duì)象，constructor某個(gè)構(gòu)造函數(shù)

示例:

function A() {}
function B() {}
function C() {}
A.prototype = new C()
const a = new A()
console.log(a instanceof A) // a是A類的實(shí)例 true
console.log(a instanceof C) // A繼承C true
console.log(a instanceof B) // a不是A類的實(shí)例 false
console.log(a instanceof Object) // Object實(shí)所有引用類型的父類 true
console.log(A.prototype instanceof Object) // true
A.prototype = {}
a1 = new A()
console.log(a1 instanceof A) // true
console.log(a instanceof A) // false
const date = new Date()
console.log(date instanceof Date) // true

原理

function instance_of(L, R) {//L 表示左表達(dá)式，R 表示右表達(dá)式
 var O = R.prototype;// 取 R 的顯示原型
 L = L.__proto__;// 取 L 的隱式原型
 while (true) { 
   if (L === null) 
     return false; 
   if (O === L)// 這里重點(diǎn)：當(dāng) O 嚴(yán)格等于 L 時(shí)，返回 true 
     return true; 
   L = L.__proto__; 
 } 
}

想要對(duì)instanceof運(yùn)算符有更加深入的了解車票

toString

toString()方法返回一個(gè)表示該對(duì)象的字符串，每個(gè)對(duì)象都有一個(gè)toString()方法，當(dāng)該對(duì)象被表示為一個(gè)文本值時(shí)，或者一個(gè)對(duì)象以預(yù)期的字符串方式引用時(shí)自動(dòng)調(diào)用。默認(rèn)情況下，toString()方法被每個(gè)Object對(duì)象繼承。如果此方法在自定義對(duì)象中未被覆蓋，toString()返回"[object type]"，其中type是對(duì)象的類型

示例

const toString = Object.prototype.toString
console.log(toString.call(null)) // [object Null]
console.log(toString.call(undefined)) // [object Undefined]
console.log(toString.call(new String)) // [object String]
console.log(toString.call(Function)) // [object Function]
console.log(toString.call(new Date)) // [object Date]
console.log(toString.call("new Date")) // [object String]
console.log(toString.call(["a"])) // [object Array]

從示例可以看出，Object.prototype.toString.call()可以準(zhǔn)確表示數(shù)值的類型

總結(jié)

typeof運(yùn)算符適合檢測(cè)基本數(shù)據(jù)類型，且返回類型的字符串

instanceof運(yùn)算符適合檢測(cè)引用類型值

toString()返回對(duì)象的類型，可以準(zhǔn)確判斷數(shù)值的類型