重學JS: 數據類型及類型檢測

數據類型

JavaScript七種內置類型：

• 空值（null）
• 未定義（undefined）
• 布爾值（boolean）
• 數字（number）
• 字符串（string）
• 對象（object）
• 符號（symbol）

除對象之外，其他統稱爲基本類型

類型檢測

typeof

typeof運算符後面跟操作數，typeof operand 或者 typeof (operand)，返回一個類型的字符串值。

示例:

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 對null的處理有問題，正確的結果應該是"null"，但是實際返回的是"object"，這個bug由來已久，也許以後也不會修復。

typeof function() {}返回的是一個"function"，似乎function也是JavaScript的一個內置對象，實際上函數是一個可調用對象，它有一個內部屬性[[Call]]，該屬性使其可以被調用。

typeof [1]返回"object"，說明數組也是object類型，實際上它是object的一個子類型，和普通對象通過字符串鍵索引不同，數組通過數字按順進行索引。

總結表格：

instance

typeof是檢測基本數據類型的最佳工具，但是檢測引用類型的值時作用不大，都會返回"object"，這時候就需要instance操作符了。instance運算符用於測試構造函數的protytpe屬性是否出現在對象的原型鏈中的任何位置。

用法：object instanceof constructor，object: 要檢測的對象，constructor某個構造函數

示例:

function A() {}
function B() {}
function C() {}
A.prototype = new C()
const a = new A()
console.log(a instanceof A) // a是A類的實例 true
console.log(a instanceof C) // A繼承C true
console.log(a instanceof B) // a不是A類的實例 false
console.log(a instanceof Object) // Object實所有引用類型的父類 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 表示左表達式，R 表示右表達式
 var O = R.prototype;// 取 R 的顯示原型
 L = L.__proto__;// 取 L 的隱式原型
 while (true) { 
   if (L === null) 
     return false; 
   if (O === L)// 這裏重點：當 O 嚴格等於 L 時，返回 true 
     return true; 
   L = L.__proto__; 
 } 
}

想要對instanceof運算符有更加深入的瞭解車票

toString

toString()方法返回一個表示該對象的字符串，每個對象都有一個toString()方法，當該對象被表示爲一個文本值時，或者一個對象以預期的字符串方式引用時自動調用。默認情況下，toString()方法被每個Object對象繼承。如果此方法在自定義對象中未被覆蓋，toString()返回"[object type]"，其中type是對象的類型

示例

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()可以準確表示數值的類型

總結

• typeof運算符適合檢測基本數據類型，且返回類型的字符串
• instanceof運算符適合檢測引用類型值
• toString()返回對象的類型，可以準確判斷數值的類型