typeof是JavaScript中用于检测变量或值的数据类型的内置运算符，下面为你详细拆解它的用法、返回值、特殊场景等内容：

核心功能

它可以返回一个表示数据类型的字符串，帮助开发者判断变量的类型，是前端开发中常用的类型检测工具。

基础用法与返回值

直接在typeof后跟上要检测的变量、值或表达式，它会返回对应的类型字符串：

1. ‌基本数据类型‌

console.log(typeof 'Hello'); // string
console.log(typeof 123); // number
console.log(typeof true); // boolean
console.log(typeof undefined); // undefined
console.log(typeof null); // object（这是JavaScript的特殊设计，属于历史遗留问题）

2. ‌引用数据类型‌

console.log(typeof [1, 2, 3]); // object（数组在JavaScript中属于对象类型）
console.log(typeof { name: '张三' }); // object
console.log(typeof function() {}) // function

3. 
   

4. ‌特殊值‌

console.log(typeof NaN); // number（NaN是特殊的数字值）
console.log(typeof Symbol('test')); // symbol（ES6新增的原始类型）
console.log(typeof BigInt(123)); // bigint（ES2020新增的原始类型）

实际应用场景

1. ‌类型判断与条件分支‌
   通过typeof的结果做条件判断，实现不同的业务逻辑：

function printType(value) {
  if (typeof value === 'string') {
    console.log('这是一个字符串');
  } else if (typeof value === 'number') {
    console.log('这是一个数字');
  } else {
    console.log('这是其他类型');
  }
}
printType('Hello'); // 输出：这是一个字符串
printType(123); // 输出：这是一个数字

2. ‌兼容性检测‌
   就像之前提到的if (typeof FileReader !== 'undefined')，通过检测构造函数的类型，判断浏览器是否支持对应功能，实现代码的兼容性处理。

3. ‌避免类型错误‌
   在调用对象方法前，先通过typeof判断对象是否存在或是否为预期类型，避免出现Cannot read property 'xxx' of undefined这类错误：

const obj = null;
if (typeof obj === 'object' && obj !== null) {
  obj.someMethod();
} else {
  console.log('对象不存在或不是预期类型');
}

注意事项

1. ‌区分相等运算符‌
   在做类型判断时，建议使用严格相等===，避免类型自动转换带来的问题，比如typeof 123 == 'number'虽然结果正确，但typeof 123 == '123'会因为类型转换导致结果错误。

2. ‌数组和对象的区分‌
   typeof无法区分数组和普通对象，如果需要判断是否为数组，可以使用Array.isArray()方法，或者value instanceof Array。

3. ‌函数的特殊性‌
   在JavaScript中，函数属于第一类对象，typeof function返回function，这是JavaScript的特殊设计，其他编程语言中函数通常会被归类为对象类型。