如何可靠地检查对象是 EcmaScript 6 Map/Set？

Question

我只想检查一个对象是Map 或Set 而不是Array。

要检查我正在使用 lodash 的 _.isArray 的数组。

function myFunc(arg) {
  if (_.isArray(arg)) {
    // doSomethingWithArray(arg)
  }

  if (isMap(arg)) {
    // doSomethingWithMap(arg)
  }

  if (isSet(arg)) {
    // doSomethingWithSet(arg)
  }
}

如果我要实现isMap/isSet，它需要是什么样的？如果可能的话，我希望它能够捕获 Map/Set 的子类。

Answer 1

Vue源码中使用了以下方法。你可以借鉴这里的想法。

export const isMap = (val: unknown): val is Map<any, any> =>
  toTypeString(val) === '[object Map]'
export const isSet = (val: unknown): val is Set<any> =>
  toTypeString(val) === '[object Set]'


export const objectToString = Object.prototype.toString
export const toTypeString = (value: unknown): string =>
  objectToString.call(value)

这很容易理解。将对象转换为字符串后。然后你只需要检查字符串的值是 '[object Map]' 还是 '[object Set]'

我强烈建议前端阅读源代码中的实用功能。您总能找到最佳做法。

这里是 Vue 源的链接：https://github.com/vuejs/vue-next/blob/master/packages/shared/src/index.ts

你可以在这里找到我引用的代码。

Answer 2

你可以简单地使用：

export function isMap(item) {
  return !!item && Object.prototype.toString.call(item) === '[object Map]';
}

export function isSet(item) {
  return !!item && Object.prototype.toString.call(item) === '[object Set]';
}

除非这个方法的原型被覆盖

Answer 3

您可以使用instanceof 运算符：

function isSet(candidate) {
  return candidate instanceof Set;
}

如果候选对象的原型链中有Set.prototype，则instanceof 运算符返回true。

edit — 虽然instanceof 的事情大部分会起作用，但在某些情况下它不会起作用，如 Bergi 的回答中所述。 p>

Answer 4

这种情况类似于正确可靠地检测数组的 pre-ES5 方法。请参阅this great article，了解实现isArray 可能存在的缺陷。

我们可以使用

• obj.constructor == Map/Set，但这不适用于子类实例（并且很容易被欺骗）
• obj instanceof Map/Set，但这仍然无法跨领域工作（并且可能被原型修改所欺骗）
• obj[Symbol.toStringTag] == "Map"/"Set"，但那又容易被骗。

确实，我们需要测试一个对象是否具有[[MapData]]/[[SetData]] 内部插槽。这不是那么容易访问 - 它是内部的。不过，我们可以使用 hack：

function isMap(o) {
    try {
        Map.prototype.has.call(o); // throws if o is not an object or has no [[MapData]]
        return true;
    } catch(e) {
        return false;
    }
}
function isSet(o) {
    try {
        Set.prototype.has.call(o); // throws if o is not an object or has no [[SetData]]
        return true;
    } catch(e) {
        return false;
    }
}

对于一般用途，我推荐instanceof - 它简单、易懂、高效，适用于大多数合理的情况。或者你马上去打鸭子，只检查对象是否有has/get/set/delete/add/delete方法。