17370845950

JavaScript typeof和instanceof有何区别_何时使用?
typeof适合检测基本类型和函数,返回字符串;instanceof专用于判断对象是否由指定构造函数创建,返回布尔值。二者定位不同、不可混用。

判断 JavaScript 中变量的类型,typeofinstanceof 是最常用的两个工具,但它们定位不同、适用场景也不同。简单说:typeof 适合查基本类型和函数,instanceof 专用于检测对象是否由某个构造函数创建

typeof:查“值的底层类别”,返回字符串

它能快速告诉你一个值属于哪一类原始类型或特殊标识:

  • numberstringbooleanundefinedsymbolbigintfunction 都能准确返回对应字符串
  • null 是个例外,typeof null 返回 "object"(历史 bug,但已成标准)
  • 所有引用类型——ArrayDateRegExp、普通对象、甚至 new String("a")——统统返回 "object"
  • 常用来安全检测变量是否声明:if (typeof myVar !== "undefined") { ... },避免 ReferenceError

instanceof:查“对象的出身”,返回布尔值

它只关心「这个对象是不是通过某个构造函数(或其原型链)实例化出来的」:

  • 左边必须是对象(非原始值),否则直接返回 false;右边必须是函数(有 prototype),否则报错
  • [] instanceof Arraytruenew Date() instanceof Datetrue
  • 因为原型链继承,[] instanceof Object 也是 truenew Date() instanceof Object 同样为 true
  • 注意跨 iframe 或不同 JS 上下文时会失效(构造函数不共享)

什么时候该用哪个?

按需求选,不混用:

  • 想知道是不是数字、字符串、函数、未定义?→ 用 typeof
  • 想知道是不是数组、正则、日期、自定义类的实例?→ 优先用 Array.isArray()obj instanceof RegExp
  • 要兼容老环境且需精确识别数组?Object.prototype.toString.call(arr) === "[object Array]" 更可靠
  • 不要用 typeof [] === "array"(无效),也不要拿 "hello" instanceof String(永远 false,除非是 new String()

基本上就这些。用对了,类型判断就稳了一大半。