JavaScript 中判断某物是否为普通对象的方法

Question

我最近偶然发现了这个函数，它可以确定某个东西是否是普通对象（JavaScript）：

function isPlainObject (value){
  if (typeof value !== 'object' || value === null) return false;

  let proto = value;
  while (Object.getPrototypeOf(proto) !== null) {
    proto = Object.getPrototypeOf(proto);
  }

  return Object.getPrototypeOf(value) === proto;
};

来源： https: //github.com/redux-utilities/redux-actions/blob/master/src/utils/isPlainObject.js

我想知道：

1. 下面的方法是否会做完全相同的事情？
2. 如果是这样，是否可以认为更有效？

function isPlainObj(value){
  if (typeof value !== 'object' || value === null) return false;
  let obj = {};
  return Object.getPrototypeOf(value) === Object.getPrototypeOf(obj)
}

Answer 1

检查一个值是否是一个普通对象：

/*
 isPlainObject({}) // true
 isPlainObject() // false
 isPlainObject(null) // false
 isPlainObject(true) // false
 isPlainObject('1') // false
 isPlainObject([]) // false
 isPlainObject(new Function()) // false
 isPlainObject(new Date()) // false
 */
const isPlainObject = value => value?.constructor === Object;

排除空值、标量、数组、函数以及除 Object 之外的任何扩展类型。

Answer 2

1. 不。前者遍历整个原型链，但仅当该链由 1 个原型组成时才返回 true （因此，您的第一个示例有点毫无意义）
2. 是和否。是的，它更有效，不需要循环所有内容只是为了检查原型是否是原型Object.prototype。不，它执行了不必要的操作。

我就是这样做的：

const isPlainObj = value => !!value &&
                            Object.getPrototypeOf(value) === Object.prototype;

没必要太花哨，如果你只想知道value原型是Object.prototype

PS您最初的示例做了一件事，而其他示例（包括我的示例）则没有：它适用于外来对象，这些对象是来自不同领域（即 iframe）的对象。我认为 2021 年不存在这种用例，但如果您的应用程序/网站在不同窗口/框架之间传递对象，那么第一个函数也会返回true这些对象，而我的建议或您的建议不会。然而，没有必要循环整个链，你可以简单地这样做：

function isPlainObj(value) {
          // it's truthy
  return  !!value &&
          // it has a prototype that's also truthy
          !!(value = Object.getPrototypeOf(value)) &&
          // which has `null` as parent prototype
          !Object.getPrototypeOf(value);
}

这会抓取原型一次或最多两次，确保其链以 结尾null，这通常是常见的文字情况。

然而，我认为现在异物已经不存在了，所以我会坚持我建议的版本。