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,但一般场景不必复杂化。
相关推荐
5***o5005 分钟前
前端在移动端中的NativeBase
前端
灵魂学者10 分钟前
Vue3.x —— 父子通信
前端·javascript·vue.js·github
1***Q78416 分钟前
前端跨域解决方案
前端
小雨青年43 分钟前
MateChat 进阶实战:打造零后端、隐私安全的“端侧记忆”智能体
前端·华为·ai·华为云·状态模式
勇气要爆发1 小时前
问:ES5和ES6的区别
前端·ecmascript·es6
永不停歇的蜗牛1 小时前
Maven的POM文件相关标签作用
服务器·前端·maven
芳草萋萋鹦鹉洲哦2 小时前
【vue/js】文字超长悬停显示的几种方式
前端·javascript·vue.js
HIT_Weston2 小时前
47、【Ubuntu】【Gitlab】拉出内网 Web 服务:Nginx 事件驱动分析(一)
前端·ubuntu·gitlab
开发者小天2 小时前
React中的 闭包陷阱
前端·javascript·react.js
翔云 OCR API2 小时前
承兑汇票识别接口技术解析-开发者接口
开发语言·前端·数据库·人工智能·ocr