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,但一般场景不必复杂化。
相关推荐
左夕7 分钟前
分不清apply,bind,call?看这篇文章就够了
前端·javascript
Zha0Zhun1 小时前
一个使用ViewBinding封装的Dialog
前端
兆子龙1 小时前
从微信小程序 data-id 到 React 列表性能优化:少用闭包,多用 data-*
前端
滕青山1 小时前
文本行过滤/筛选 在线工具核心JS实现
前端·javascript·vue.js
时光不负努力1 小时前
编程常用模式集合
前端·javascript·typescript
大雨还洅下1 小时前
前端JS: 跨域解决
javascript
恋猫de小郭1 小时前
Apple 的 ANE 被挖掘,AI 硬件公开,宣传的 38 TOPS 居然是"数字游戏"?
前端·人工智能·ios
小岛前端1 小时前
Node.js 宣布重大调整,运行十年的规则要改了!
前端·node.js
OpenTiny社区1 小时前
OpenTiny NEXT-SDK 重磅发布:四步把你的前端应用变成智能应用
前端·javascript·ai编程
梦想CAD控件1 小时前
在线CAD开发包结构与功能说明
前端·javascript·vue.js