JavaScript中判断对象是否属于指定类型的最佳实践是什么？

你提到的typeof返回值和手写字符串对比容易出现拼写错误的问题确实是开发中的常见坑，下面给出可落地的替代方案和类型判断最佳实践：

内置方案与拼写问题优化 #

JavaScript没有专门的内置函数直接返回类型枚举值，但可以通过对现有原生API的封装完全规避拼写问题：

1. 常量枚举封装typeof返回值
   提前把typeof所有可能的返回值定义为常量对象，使用时直接调用常量属性，IDE会自动提示，从根源上避免手写字符串的拼写错误：

// 全局统一维护的类型常量
const JS_TYPES = {
  BOOLEAN: 'boolean',
  NUMBER: 'number',
  STRING: 'string',
  UNDEFINED: 'undefined',
  OBJECT: 'object',
  FUNCTION: 'function',
  SYMBOL: 'symbol',
  BIGINT: 'bigint'
}

// 使用示例，不需要手写字符串，有代码提示
typeof true === JS_TYPES.BOOLEAN // 正确，不会出现拼写首字母大写的问题

2. 更精准的全类型判断方案
   typeof本身存在缺陷：比如typeof null返回object、typeof []也返回object，无法区分引用类型的具体类型。更推荐使用Object.prototype.toString.call()来做全类型判断，它可以准确返回所有内置类型的标识：

Object.prototype.toString.call(true) // "[object Boolean]"
Object.prototype.toString.call(null) // "[object Null]"
Object.prototype.toString.call([]) // "[object Array]"
Object.prototype.toString.call(new Map()) // "[object Map]"

可以把它封装成通用的类型获取函数，搭配常量使用：

function getValueType(value) {
  return Object.prototype.toString.call(value).slice(8, -1).toLowerCase()
}

// 使用示例
getValueType(true) === JS_TYPES.BOOLEAN // true
getValueType([]) === 'array' // true

3. 实例类型判断方案
   如果是判断对象是否为某个自定义类/内置类的实例，直接使用instanceof操作符即可：

// 内置类判断
[] instanceof Array // true
new Map() instanceof Map // true

// 自定义类判断
class User {}
const user = new User()
user instanceof User // true

类型判断最佳实践 #

• 基础类型判断场景如果选择用typeof，必须统一使用预先定义的常量枚举，禁止零散手写字符串对比，同时开启IDE的拼写校验功能
• 需要精准区分所有内置类型（包括null、数组、日期、Map等引用类型）的场景，优先使用封装后的Object.prototype.toString.call()工具函数，它的兼容性和准确度最高
• 判断实例继承关系、自定义类实例的场景使用instanceof，注意instanceof无法判断基础类型字面量，比如true instanceof Boolean会返回false，仅对包装类实例生效
• 使用TypeScript开发的项目，优先用类型谓词、类型守卫在编译阶段做类型校验，能在代码上线前就发现类型相关的错误
• 项目中要统一类型判断的实现方式，不要混合使用多种零散的判断逻辑，方便统一维护和排查问题

内容的提问来源于stack exchange，提问作者Bear Bile Farming is Torture