一、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