JavaScript typeof 操作符用法、陷阱与类型检测进阶指南

typeof operand
typeof(operand) // 括号可选，但不影响结果

typeof 42; // "number"
typeof "hello"; // "string"
typeof true; // "boolean"
typeof undefined; // "undefined"
typeof Symbol(); // "symbol"
typeof null; // 注意："object"（历史遗留问题）

// 数值类型
typeof 123; // "number"
typeof NaN; // "number"（NaN 属于数值类型）
typeof Infinity; // "number"
// 字符串类型
typeof ""; // "string"
typeof String(123); // "string"（显式类型转换）
// 布尔类型
typeof false; // "boolean"
typeof Boolean(0); // "boolean"
// Undefined
typeof undeclaredVariable; // "undefined"
typeof void 0; // "undefined"（void 操作符强制返回 undefined）
// Symbol
typeof Symbol('foo'); // "symbol"
typeof Symbol.iterator; // "symbol"

typeof {}; // "object"
typeof []; // "object"
typeof new Date(); // "object"
typeof /regex/; // "object"
typeof null; // "object"（历史错误，无法修复）

typeof function() {}; // "function"
typeof Math.sin; // "function"
typeof class {}; // "function"（类本质是函数）
typeof async () => {}; // "function"（异步函数）
typeof function*() {}; // "function"（生成器函数）

// 所有内置对象（除 Function 外）均返回 "object"
typeof new Error(); // "object"
typeof new Map(); // "object"
typeof new Set(); // "object"
typeof new WeakMap(); // "object"
typeof new WeakSet(); // "object"
typeof new ArrayBuffer(); // "object"

typeof null === "object"; // true（JavaScript 历史上的最大错误之一）

const isNull = (value) => value === null;
// 或使用严格相等判断
console.log(null === null); // true

typeof [] === typeof {}; // true（均返回 "object"）
typeof new Date() === typeof /regex/; // true

Array.isArray([]); // true
Array.isArray({}); // false

[] instanceof Array; // true
new Date() instanceof Date; // true
/regex/ instanceof RegExp; // true

Object.prototype.toString.call([]); // "[object Array]"
Object.prototype.toString.call(new Date()); // "[object Date]"
Object.prototype.toString.call(null); // "[object Null]"

// 安全访问未声明变量
typeof undeclaredVariable; // "undefined"（不会抛出 ReferenceError）
// 对比直接访问
undeclaredVariable; // 抛出 ReferenceError

if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
  // 模块环境
} else {
  // 浏览器环境
}

// 未声明变量
typeof x; // "undefined"
// 已声明但未赋值
let y;
typeof y; // "undefined"

console.log(typeof z); // ReferenceError（TDZ 内访问）
let z = 10;

function add(a, b) {
  if (typeof a !== 'number' || typeof b !== 'number') {
    throw new TypeError('Both arguments must be numbers');
  }
  return a + b;
}

function processData(callback) {
  if (typeof callback !== 'function') {
    throw new Error('Callback must be a function');
  }
  // 执行回调
  callback();
}

if (typeof SomeLibrary !== 'undefined') {
  // 使用 SomeLibrary
} else {
  // 备选逻辑
}

// 对比示例
Object.prototype.toString.call([]); // "[object Array]"
Object.prototype.toString.call(new Date()); // "[object Date]"
Object.prototype.toString.call(null); // "[object Null]"
Object.prototype.toString.call(undefined); // "[object Undefined]"

function getType(value) {
  return Object.prototype.toString.call(value).slice(8, -1);
}
console.log(getType([])); // "Array"
console.log(getType(new Map())); // "Map"
console.log(getType(null)); // "Null"

if (typeof importScripts === 'function') {
  // Web Worker 环境
  importScripts('worker.js');
}

function isAsyncFunction(fn) {
  return typeof fn === 'function' && fn.constructor.name === 'AsyncFunction';
}

const sym = Symbol();
if (typeof sym === 'symbol') {
  // 使用符号
}

Array.isArray([]); // 首选方法
// 或
Object.prototype.toString.call([]) === '[object Array]';

typeof typeof 1;