2618. 检查是否是类的对象实例(JavaScript)

  • 题目链接:https://leetcode.cn/problems/check-if-object-instance-of-class/description/
  • 难度:简单
  • 类型:JavaScript/原型链/类型判断

题目要点

  • 给定 valueclassFn,判断 value 是否是 classFn 或其超类的实例。
  • 需要考虑 undefinednull、非函数的 classFn
  • 对原始类型与其包装类(如 5Number)要正确处理。

解法一:instanceof + 原始类型映射(推荐)

  • 思路:
    • 优先用 instanceof 判断对象与原型链关系(内部会调用 Symbol.hasInstance)。
    • 对原始类型做特判,使 number → Numberstring → Stringboolean → Booleanbigint → BigIntsymbol → Symbol 返回 true
    • 非法输入(classFn 非函数或任一为 null/undefined)返回 false
js 复制代码
/**
 * 检查值是否为给定类或其超类的实例
 * @param {*} value - 任意值
 * @param {*} classFn - 目标类(构造函数)
 * @returns {boolean} - 是否为实例
 */
const checkIfInstance = (value, classFn) => {
  if (classFn == null || value == null || typeof classFn !== 'function') return false
  if (value instanceof classFn) return true
  const t = typeof value
  if (classFn === Number) return t === 'number'
  if (classFn === String) return t === 'string'
  if (classFn === Boolean) return t === 'boolean'
  if (classFn === BigInt) return t === 'bigint'
  if (classFn === Symbol) return t === 'symbol'
  return false
}
  • 复杂度:

    • instanceof 的原型链检查为 O(h)h 为原型链高度)。
    • 原始类型映射为 O(1)
  • 边界说明:

    • checkIfInstance(Date, Date) → falseDateFunction 的实例)。
    • checkIfInstance(5, Number) → true(与题目示例一致)。
    • checkIfInstance(5, Object) → false(不把原始值视作 Object 的实例)。
    • checkIfInstance(null, Object) → false

解法二:手写原型链遍历 + 原始类型特判

  • 思路:
    • 对对象与函数:沿 Object.getPrototypeOf 逐层向上,判断是否等于 classFn.prototype
    • 对原始类型:做与解法一相同的映射特判。
js 复制代码
/**
 * 通过手写原型链判断实例关系
 * @param {*} value - 任意值
 * @param {*} classFn - 目标类(构造函数)
 * @returns {boolean} - 是否为实例
 */
const checkIfInstanceByProto = (value, classFn) => {
  if (classFn == null || typeof classFn !== 'function') return false
  if (value == null) return false
  const t = typeof value
  if (classFn === Number) return t === 'number'
  if (classFn === String) return t === 'string'
  if (classFn === Boolean) return t === 'boolean'
  if (classFn === BigInt) return t === 'bigint'
  if (classFn === Symbol) return t === 'symbol'
  let proto = Object.getPrototypeOf(value)
  const target = classFn.prototype
  while (proto) {
    if (proto === target) return true
    proto = Object.getPrototypeOf(proto)
  }
  return false
}
  • 说明:与 instanceof 等价于遍历原型链的判断,但仍需对原始类型做特判。

解法三:利用 Symbol.hasInstance(了解)

  • 思路:
    • instanceof 内部会调用 classFn[Symbol.hasInstance](value),可显式使用以获得可定制的实例判断行为。
    • 对多数内置类型,直接用 instanceof 即可;手动调用一般用于定制类。
js 复制代码
/**
 * 基于 Symbol.hasInstance 的实例判断
 * @param {*} value - 任意值
 * @param {*} classFn - 目标类(构造函数)
 * @returns {boolean} - 是否为实例
 */
const checkIfInstanceByHasInstance = (value, classFn) => {
  if (classFn == null || value == null || typeof classFn !== 'function') return false
  const hasInst = classFn[Symbol.hasInstance]
  if (typeof hasInst === 'function' && hasInst.call(classFn, value)) return true
  const t = typeof value
  if (classFn === Number) return t === 'number'
  if (classFn === String) return t === 'string'
  if (classFn === Boolean) return t === 'boolean'
  if (classFn === BigInt) return t === 'bigint'
  if (classFn === Symbol) return t === 'symbol'
  return false
}

示例与验证

js 复制代码
class Animal {}
class Dog extends Animal {}

console.log('1:', checkIfInstance(new Date(), Date))            // true
console.log('2:', checkIfInstance(new Dog(), Animal))           // true
console.log('3:', checkIfInstance(Date, Date))                  // false
console.log('4:', checkIfInstance(5, Number))                   // true
console.log('5:', checkIfInstance(() => {}, Function))          // true
console.log('6:', checkIfInstance(5, Object))                   // false
console.log('7:', checkIfInstance(null, Object))                // false
console.log('8:', checkIfInstance(undefined, Number))           // false

总结

  • 推荐以 instanceof 为主,原始类型补充为辅,满足题目示例与语义直觉。
  • 若需要可定制的行为,可考虑 Symbol.hasInstance,但一般场景不必复杂化。
相关推荐
全栈派森3 小时前
Flutter 实战:基于 GetX + Obx 的企业级架构设计指南
前端·flutter
支撑前端荣耀4 小时前
从零实现前端监控告警系统:SMTP + Node.js + 个人邮箱 完整免费方案
前端·javascript·面试
进击的野人4 小时前
Vue.js 插槽机制深度解析:从基础使用到高级应用
前端·vue.js·前端框架
重铸码农荣光4 小时前
🎯 从零搭建一个 React Todo 应用:父子通信、状态管理与本地持久化全解析!
前端·react.js·架构
用户4099322502124 小时前
Vue3 v-if与v-show:销毁还是隐藏,如何抉择?
前端·vue.js·后端
Mr_chiu4 小时前
🚀 效率暴增!Vue.js开发必知的15个神级提效工具
前端
shanLion4 小时前
Vite项目中process报红问题的深层原因与解决方案
前端·javascript
烟袅4 小时前
从零构建一个待办事项应用:一次关于组件化与状态管理的深度思考
前端·javascript·react.js
前端小万4 小时前
草稿
前端
闲云一鹤4 小时前
将地图上的 poi 点位导出为 excel,并转换为 shp 文件
前端·cesium