jQuery的isPlainObject()方法該如何使用

這次帶給大家jQuery的isPlainObject()方法該如何使用，使用jQuery的isPlainObject()方法注意事項有哪些，下面就是實戰案例，一起來看一下。

說明

jQuery中的isPlainObject() 函數用來判斷指定參數是否為純粹的對象，傳回值為Boolean類型。

"純粹的物件"，就是透過 { }、new Object()、Object.create(null) 建立的物件。

這個方法的作用是為了跟其他的 JavaScript物件如 null，數組，宿主物件（documents），DOM 等作區分，因為這些用 typeof 都會傳回object。

使用

語法：

$.isPlainObject( object )

參數說明：

object：任意類型需要進行判斷的任意值。

$.isPlainObject({});  //true
$.isPlainObject(new Object);  //true
$.isPlainObject(Object.create(null));  //true
$.isPlainObject([]);  //false
$.isPlainObject(document);  //false

原始碼分析

我們來看看jQuery 3.3.1 版本下的原始碼：https://github.com/jquery/ jquery/blob/ac9e3016645078e1e42120822cfb2076151c8cbe/src/core.js#L236

var class2type = {};
//Object.getPrototypeOf() 方法返回指定对象的原型（内部[[Prototype]]属性的值）。
var getProto = Object.getPrototypeOf;
//相当于 Object.prototype.toString
var toString = class2type.toString;
//hasOwnProperty() 方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性
//相当于 Object.prototype.hasOwnProperty
var hasOwn = class2type.hasOwnProperty;
//因为 hasOwn 是一个函数，所以这里调用的是内置对象 Function 的toString() 方法
//相当于 Function.prototype.toString
var fnToString = hasOwn.toString;
//相当于 Function.prototype.toString.call(Object)
//就是Object 构造函数 转字符串的结果
// ObjectFunctionString 其实就是 "function Object() { [native code] }" 这样的一个字符串
var ObjectFunctionString = fnToString.call(Object);
function isPlainObject (obj) {
 var proto, Ctor;

##從源碼來看，isPlainObject()方法的實作，主要分三部分方法的實作，主要分三部分方法的實作主要分。

##1、去掉型別不是Object 的，

用的是Object.prototype.toString.call() 方法，這個方法所有型別都會得到不同的字串，而不是用typeof，因為typeof 只能區分基本型，例如數組，typeof 回傳的還是「object」 字串

var arr = [];
var obj = {};
typeof arr;    //"object"
typeof obj;    //"object"
typeof document;    //"object"
Object.prototype.toString.call(arr);    //"[object Array]"
Object.prototype.toString.call(obj);    //"[object Object]"
Object.prototype.toString.call(document);    //"[object HTMLDocument]"

2、判斷物件有沒有原型，沒有原型的物件算純粹物件

3、判斷是不是透過"{}" 或"new Object" 方式建立的物件

這就要判斷他們的建構子了，所以用Function.prototype.toString 方法

##Function物件覆寫了從Object 繼承來的Object.prototype.toString 方法。

函數的 toString 方法會傳回一個表示函數原始碼的字串。具體來說，包括 function關鍵字，形參列表，大括號，以及函數體中的內容。

function fn(said){
  this.say = said;
}
Function.prototype.toString.call(fn); 
//"function fn(said){
//  this.say = said;
//}"
Function.prototype.toString.call(Object);
//"function Object() { [native code] }"

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

jQuery中如何實作toggle方法

jQuery+JSONP跨域需要怎麼實作

jquery中select元件的使用方法

#如何實作jquery回車登入效果

以上是jQuery的isPlainObject()方法該如何使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！