国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-19 14:17:21
字體:
來源:轉載
供稿:網友

說明

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.toStringvar toString = class2type.toString;//hasOwnProperty() 方法會返回一個布爾值,指示對象自身屬性中是否具有指定的屬性//相當于 Object.prototype.hasOwnPropertyvar hasOwn = class2type.hasOwnProperty;//因為 hasOwn 是一個函數,所以這里調用的是內置對象 Function 的toString() 方法//相當于 Function.prototype.toStringvar 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] }"

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 寿阳县| 林口县| 茂名市| 巴里| 万宁市| 邵东县| 桐庐县| 长宁区| 西林县| 台北县| 凉城县| 洛川县| 堆龙德庆县| 涞水县| 鹿泉市| 弥勒县| 郸城县| 海门市| 原平市| 波密县| 凤山县| 石家庄市| 长宁县| 奉贤区| 芦山县| 弥渡县| 车险| 买车| 吉水县| 安吉县| 同江市| 博客| 临城县| 班戈县| 封丘县| 塔城市| 大姚县| 滦南县| 兰西县| 宜黄县| 张家口市|