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,但一般场景不必复杂化。
相关推荐
倚肆2 小时前
CSS中transition属性详解
前端·css
快递鸟2 小时前
物流信息总滞后?快递鸟在途监控 API,毫秒级响应让物流透明不等待
前端
小蹦跶儿3 小时前
解决Webpack 打包报错:TypeError: Cannot assign to read only property 'exports' ?
javascript·vue.js·webpack
fruge3 小时前
前端注释规范:如何写“后人能看懂”的注释(附示例)
前端
小飞大王6663 小时前
JavaScript基础知识总结(四):常见内置构造函数,正则表达式,作用域与闭包
前端·javascript·正则表达式
3秒一个大3 小时前
Ajax 数据请求详解:从概念到实战
javascript
清凉夏日3 小时前
Flutter 国际化完整指南
前端·flutter
Jony_3 小时前
动态代理机制
前端
掘金一周3 小时前
重新思考 weapp-tailwindcss 的未来 | 掘金一周 11.13
前端·人工智能·后端