這篇文章將為大家詳細講解有關(guān)isPlainObject()函數(shù)怎么在jQuery中使用，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

創(chuàng)新互聯(lián)建站堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站制作、成都做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的新晃網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

jQuery中的isPlainObject() 函數(shù)用于判斷指定參數(shù)是否是一個純粹的對象，返回值為Boolean類型。

"純粹的對象"，就是通過 { }、new Object()、Object.create(null) 創(chuàng)建的對象。

這個方法的作用是為了跟其他的 JavaScript對象如 null，數(shù)組，宿主對象（documents），DOM 等作區(qū)分，因為這些用 typeof 都會返回object。

使用

語法：

$.isPlainObject( object )

參數(shù)說明：

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() 方法返回指定對象的原型（內(nèi)部[[Prototype]]屬性的值）。
var getProto = Object.getPrototypeOf;

//相當(dāng)于 Object.prototype.toString
var toString = class2type.toString;

//hasOwnProperty() 方法會返回一個布爾值，指示對象自身屬性中是否具有指定的屬性
//相當(dāng)于 Object.prototype.hasOwnProperty
var hasOwn = class2type.hasOwnProperty;

//因為 hasOwn 是一個函數(shù)，所以這里調(diào)用的是內(nèi)置對象 Function 的toString() 方法
//相當(dāng)于 Function.prototype.toString
var fnToString = hasOwn.toString;

//相當(dāng)于 Function.prototype.toString.call(Object)
//就是Object 構(gòu)造函數(shù) 轉(zhuǎn)字符串的結(jié)果
// ObjectFunctionString 其實就是 "function Object() { [native code] }" 這樣的一個字符串
var ObjectFunctionString = fnToString.call(Object);

function isPlainObject (obj) {
 var proto, Ctor;

總結(jié)

從源碼來看，isPlainObject()方法 的實現(xiàn)，主要分三部分

1、去掉類型不是Object 的，

用的是 Object.prototype.toString.call() 方法，這個方法所有類型都會得到不同的字符串，而不是用 typeof，因為 typeof 只能區(qū)分基本類型，比如數(shù)組，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" 方式創(chuàng)建的對象

這就要判斷他們的構(gòu)造函數(shù)了，所以用 Function.prototype.toString 方法

Function 對象覆蓋了從 Object 繼承來的 Object.prototype.toString 方法。
函數(shù)的 toString 方法會返回一個表示函數(shù)源代碼的字符串。具體來說，包括 function關(guān)鍵字，形參列表，大括號，以及函數(shù)體中的內(nèi)容。

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] }"

關(guān)于isPlainObject()函數(shù)怎么在jQuery中使用就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

當(dāng)前題目：isPlainObject()函數(shù)怎么在jQuery中使用-創(chuàng)新互聯(lián)
URL地址：http://weahome.cn/article/csjjii.html