检查JS对象类型的最准确方法是什么？

Question

该typeof运营商并没有真正帮助我们找到真正的类的一个对象.

我已经看过以下代码:

Object.prototype.toString.apply(t)  

题:

它是检查对象类型的最准确方法吗？

Answer 1

JavaScript规范提供了一种确定对象类的正确方法:

Object.prototype.toString.call(t);

http://bonsaiden.github.com/JavaScript-Garden/#types

Answer 2

这Object.prototype.toString是一个好方法,但它的表现是最糟糕的.

http://jsperf.com/check-js-type

使用typeof解决一些基本问题(字符串,数字,布尔...),并使用Object.prototype.toString来解决复杂的东西(如数组,日期,正则表达式).

这是我的解决方案:

var type = (function(global) {
    var cache = {};
    return function(obj) {
        var key;
        return obj === null ? 'null' // null
            : obj === global ? 'global' // window in browser or global in nodejs
            : (key = typeof obj) !== 'object' ? key // basic: string, boolean, number, undefined, function
            : obj.nodeType ? 'object' // DOM element
            : cache[key = ({}).toString.call(obj)] // cached. date, regexp, error, object, array, math
            || (cache[key] = key.slice(8, -1).toLowerCase()); // get XXXX from [object XXXX], and cache it
    };
}(this));

用于:

type(function(){}); // -> "function"
type([1, 2, 3]); // -> "array"
type(new Date()); // -> "date"
type({}); // -> "object"

Answer 3

接受的答案是正确的,但我喜欢在我构建的大多数项目中定义这个小实用程序.

var types = {
   'get': function(prop) {
      return Object.prototype.toString.call(prop);
   },
   'null': '[object Null]',
   'object': '[object Object]',
   'array': '[object Array]',
   'string': '[object String]',
   'boolean': '[object Boolean]',
   'number': '[object Number]',
   'date': '[object Date]',
}

像这样使用:

if(types.get(prop) == types.number) {

}

如果你正在使用角度,你甚至可以干净地注入它:

angular.constant('types', types);

Answer 4

var o = ...
var proto =  Object.getPrototypeOf(o);
proto === SomeThing;

保留您希望对象具有的原型,然后与之进行比较.

例如

var o = "someString";
var proto =  Object.getPrototypeOf(o);
proto === String.prototype; // true

Answer 5

找出对象的 REAL 类型（包括本机对象或数据类型名称（例如 String、Date、Number 等）和对象的 REAL 类型（甚至是自定义类型）的最佳方法；是通过抓取对象原型构造函数的 name 属性：

本机类型 Ex1：

var string1 = "Test";
console.log(string1.__proto__.constructor.name);

显示：

String

例2：

var array1 = [];
console.log(array1.__proto__.constructor.name);

显示：

Array

定制类：

var string1 = "Test";
console.log(string1.__proto__.constructor.name);

显示：

CustomClass

Answer 6

我认为这里显示的大多数解决方案都存在过度设计的问题。检查值是否为类型的最简单方法可能[object Object]是检查其.constructor属性：

function isObject (a) { return a != null && a.constructor === Object; }

甚至使用箭头功能更短：

const isObject = a => a != null && a.constructor === Object;

该a != null部分是必需的，因为可能会传入null或，undefined并且您不能从这两个中的任何一个提取构造函数属性。

它适用于通过以下方式创建的任何对象：

• 该Object构造
• 文字 {}

它的另一个简洁功能是，它能够为使用的自定义类提供正确的报告Symbol.toStringTag。例如：

class MimicObject {
  get [Symbol.toStringTag]() {
    return 'Object';
  }
}

这里的问题是，当调用Object.prototype.toString它的一个实例时，[object Object]将返回错误的报告：

let fakeObj = new MimicObject();
Object.prototype.toString.call(fakeObj); // -> [object Object]

但是检查构造函数会得出正确的结果：

let fakeObj = new MimicObject();
fakeObj.constructor === Object; // -> false