详解jQuery中的isPlainObject()使用方法

这篇文章将为你深入jQuery中的`isPlainObject()`方法的使用。无论你是初学者还是经验丰富的开发者，都可以从中受益。

让我们明确一下`isPlainObject()`函数的作用。这个函数的主要目的是判断指定的参数是否是一个纯粹的对象。所谓的“纯粹的对象”，指的是通过`{}`、`new Object()`或者`Object.create(null)`创建的对象。此方法的引入，是为了区分其他的JavaScript对象，如null、数组、宿主对象（如documents）和DOM等，因为使用`typeof`对这些对象的检测都会返回“object”。

如何使用这个函数呢？其语法非常简单：`$.isPlainObject(object)`。这里的`object`是需要进行判断的任意值。

例如：

`$.isPlainObject({});` //返回true，因为这是一个纯粹的对象。

`$.isPlainObject(new Object);` //返回true，因为通过new Object创建的对象也是纯粹的对象。

`$.isPlainObject(Object.create(null));` //返回true，因为这是通过Object.create(null)创建的对象。

`$.isPlainObject([]);` //返回false，因为数组不是纯粹的对象。

`$.isPlainObject(document);` //返回false，因为document是一个宿主对象。

接下来，我们来看看`isPlainObject()`的源码。源码中首先定义了一个名为`class2type`的空对象。这个对象用于存储各种类型的识别信息。而函数的核心部分是通过使用`Object.getPrototypeOf()`方法来检查对象的原型链，进而判断该对象是否是纯粹的对象。

理解`isPlainObject`函数的深层逻辑

当我们深入`isPlainObject`函数的实现时，可以将其分为三个核心部分。

它要去除那些并非由Object创建的类型。为了准确识别这些类型，它借助了`Object.prototype.toString.call()`方法。此方法对于所有类型都会返回独特的字符串标识，与`typeof`运算符不同，因为`typeof`对于数组等复杂类型只能识别为“object”。

当我们运行以下代码时：

```javascript

var arr = [];

var obj = {};

console.log(typeof arr); // "object"

console.log(typeof obj); // "object"

console.log(typeof document); // "object"

console.log(Object.prototype.toString.call(arr)); // "[object Array]"

console.log(Object.prototype.toString.call(obj)); // "[object Object]"

console.log(Object.prototype.toString.call(document)); // "[object HTMLDocument]"

```

我们可以看到，通过`Object.prototype.toString.call()`方法可以获取到更具体的类型信息。

接着，`isPlainObject`函数会判断对象是否有原型。没有原型的对象被认为是纯粹的对象。这一步确保了只有真正通过对象构造函数创建的对象被认定为普通对象。

该函数要确认对象是通过"{}"或"new Object"方式创建。这一步需要判断对象的构造函数，于是使用了`Function.prototype.toString`方法。每一个函数都覆盖了这个方法，使其返回一个表示函数源代码的字符串。通过这种方式，我们可以清晰地看到函数的定义和内容。

举个例子：

```javascript

function fn(said){

this.say = said;

}

console.log(Function.prototype.toString.call(fn));

// 输出："function fn(said){ this.say = said; }"

```

`isPlainObject`函数通过结合类型检查、原型链和构造函数识别，确保了只有真正的普通对象能被准确识别。这样的逻辑处理确保了类型的准确性，为开发者提供了有力的工具来处理和鉴别各种JavaScript对象。