利用Object.prototype.toString方法，实现比typeof更准确的type校验

时间：2023-02-10 07:46:33

Object.prototype.toString方法返回对象的类型字符串，因此可以用来判断一个值的类型。

调用方法：

Object.prototype.toString.call(value)

不同数据类型的Object.prototype.toString方法返回值如下。

  • 数值：返回[object Number]。
  • 字符串：返回[object String]。
  • 布尔值：返回[object Boolean]。
  • undefined：返回[object Undefined]。
  • null：返回[object Null]。
  • 数组：返回[object Array]。
  • arguments对象：返回[object Arguments]。
  • 函数：返回[object Function]。
  • Error对象：返回[object Error]。
  • Date对象：返回[object Date]。
  • RegExp对象：返回[object RegExp]。
  • 其他对象：返回[object Object]。

也就是说，Object.prototype.toString可以得到一个实例对象的构造函数。

Object.prototype.toString.call(2) // "[object Number]"

Object.prototype.toString.call('') // "[object String]"

Object.prototype.toString.call(true) // "[object Boolean]"

Object.prototype.toString.call(undefined) // "[object Undefined]"

Object.prototype.toString.call(null) // "[object Null]"

Object.prototype.toString.call(Math) // "[object Math]"

Object.prototype.toString.call({}) // "[object Object]"

Object.prototype.toString.call([]) // "[object Array]"

利用这个特性，可以写出一个比typeof运算符更准确的类型判断函数。

var type = function (o){

  var s = Object.prototype.toString.call(o);

  return s.match(/\[object (.*?)\]/)[1].toLowerCase();

};

type({}); // "object"

type([]); // "array"

type(5); // "number"

type(null); // "null"

type(); // "undefined"

type(/abcd/); // "regex"

type(new Date()); // "date"

在上面这个type函数的基础上，还可以加上专门判断某种类型数据的方法。

['Null',

 'Undefined',

 'Object',

 'Array',

 'String',

 'Number',

 'Boolean',

 'Function',

 'RegExp',

 'NaN',

 'Infinite'

].forEach(function (t) {

  type['is' + t] = function (o) {

    return type(o) === t.toLowerCase();

  };

});

type.isObject({}) // true

type.isNumber(NaN) // true

type.isRegExp(/abc/) // true

参考：来自《JavaScript 标准参考教程（alpha）》，by 阮一峰

相关文章