只要思想不滑坡,总有一种方法可以将instanceof用于原始JavaScript值

71 阅读1分钟

JavaScript提供了两种用于类型检查的运算符:

  • typeof 用于类型检查原始值
  • instanceof 用于对类实例进行类型检查

遗憾的是,原始值无法利用instanceof运算符。而且Javascript的内置对象(如BooleanStringNumber只能搭配instanceof来检查使用相应的构造函数创建的实例),而typeof呢,它又有一些比较奇葩的点,比如说typeof nullobject类型。

怎么办呢?

只要思想不滑坡,办法总比困难多

Symbol.hasInstance

通过Symbol.hasInstance我们可以自定义方法,为了保证其功能,我们需要用class定义每个原始类型:

class PrimitiveNumber {
  static [Symbol.hasInstance] = x  => typeof x === 'number';
}
123 instanceof PrimitiveNumber; // true

class PrimitiveString {
  static [Symbol.hasInstance] = x => typeof x === 'string';
}
'abc' instanceof PrimitiveString; // true

class PrimitiveBoolean {
  static [Symbol.hasInstance] = x => typeof x === 'boolean';
}
false instanceof PrimitiveBoolean; // true

class PrimitiveSymbol {
  static [Symbol.hasInstance] = x => typeof x === 'symbol';
}
Symbol.iterator instanceof PrimitiveSymbol; // true

class PrimitiveNull {
  static [Symbol.hasInstance] = x => x === null;
}
null instanceof PrimitiveNull; // true

class PrimitiveUndefined {
  static [Symbol.hasInstance] = x => x === undefined;
}
undefined instanceof PrimitiveUndefined; // true