91网首页-91网页版-91网在线观看-91网站免费观看-91网站永久视频-91网站在线播放

一、typeof 的基本使用

先來個最簡單的例子：

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

看起來很簡單對吧？但如果你以為typeof就這么點能耐，那可就太小看它了！

二、typeof 的"奇葩"表現

這里有幾個容易踩坑的例子：

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

看到沒？null居然返回"object"，這可是JavaScript著名的歷史遺留問題！當年我在項目里就被這個坑過，debug了半天才發現是類型判斷出了問題。

三、typeof 的工作原理

其實typeof判斷類型的原理很簡單：

1. 對于原始類型（除null外），直接返回對應類型字符串
2. 對于函數，返回"function"
3. 對于其他對象（包括數組、日期等），統一返回"object"
4. 對于null，這是個特例，因為歷史原因返回"object"

四、實戰中的小技巧

在實際開發中，我經常用這樣的組合判斷：

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提供了一種快速判斷基本類型的方法，雖然不完美，但在大多數情況下已經夠用了。

六、新型替代方案

現在我們有更多選擇：

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

七、總結

• typeof是JS內置的類型判斷操作符
• 對原始類型判斷準確（除null外）
• 對引用類型大部分返回"object"
• 函數會返回"function"
• 實際開發中可能需要組合其他判斷方法

?轉自https://juejin.cn/post/7511927859772407827