一、typeof 的基本使用

先來個(gè)最簡(jiǎn)單的例子：

console.log(typeof 42); // "number"
console.log(typeof '我'); // "string"
console.log(typeof true); // "boolean"

看起來很簡(jiǎn)單對(duì)吧？但如果你以為typeof就這么點(diǎn)能耐，那可就太小看它了！

二、typeof 的"奇葩"表現(xiàn)

這里有幾個(gè)容易踩坑的例子：

console.log(typeof null); // "object"  （黑人問號(hào)臉？）
console.log(typeof []); // "object"
console.log(typeof function(){}); // "function"

看到?jīng)]？null居然返回"object"，這可是JavaScript著名的歷史遺留問題！當(dāng)年我在項(xiàng)目里就被這個(gè)坑過，debug了半天才發(fā)現(xiàn)是類型判斷出了問題。

三、typeof 的工作原理

其實(shí)typeof判斷類型的原理很簡(jiǎn)單：

1. 對(duì)于原始類型（除null外），直接返回對(duì)應(yīng)類型字符串
2. 對(duì)于函數(shù)，返回"function"
3. 對(duì)于其他對(duì)象（包括數(shù)組、日期等），統(tǒng)一返回"object"
4. 對(duì)于null，這是個(gè)特例，因?yàn)闅v史原因返回"object"

四、實(shí)戰(zhàn)中的小技巧

在實(shí)際開發(fā)中，我經(jīng)常用這樣的組合判斷：

function checkType(value) {
    if (value === null) return 'null';
    return typeof value === 'object' 
        ? Object.prototype.toString.call(value).slice(8, -1).toLowerCase()
        : typeof value;
}
console.log(checkType([])); // "array"
console.log(checkType(new Date())); // "date"

五、為什么要有typeof？

想象一下沒有typeof的世界：

// 要這樣判斷類型嗎？（太可怕了！）
if (value.constructor === String) {...}
if (value instanceof Array) {...}

typeof提供了一種快速判斷基本類型的方法，雖然不完美，但在大多數(shù)情況下已經(jīng)夠用了。

六、新型替代方案

現(xiàn)在我們有更多選擇：

// ES6+ 的替代方案
console.log(Array.isArray([])); // true
console.log(typeof 我 === 'undefined'); // 檢查未定義

七、總結(jié)

• typeof是JS內(nèi)置的類型判斷操作符
• 對(duì)原始類型判斷準(zhǔn)確（除null外）
• 對(duì)引用類型大部分返回"object"
• 函數(shù)會(huì)返回"function"
• 實(shí)際開發(fā)中可能需要組合其他判斷方法

?轉(zhuǎn)自https://juejin.cn/post/7511927859772407827