深入解析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 版本下的源码
var class2type = {};//欢迎加入前端全栈开发交流圈一起吹水聊天学习交流:619586920
//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;/欢迎加入前端全栈开发交流圈一起吹水聊天学习交流:619586920
//相当于 Function.prototype.toString.call(Object)
//就是Object 构造函数 转字符串的结果
// ObjectFunctionString 其实就是 "function Object() { [native code] }" 这样的一个字符串
var ObjectFunctionString = fnToString.call(Object);//欢迎加入前端全栈开发交流圈一起吹水聊天学习交流:619586920
function isPlainObject (obj) {var proto, Ctor;
复制代码
从源码来看,isPlainObject()方法 的实现,主要分三部分 1、去掉类型不是Object 的, 用的是 Object.prototype.toString.call() 方法,这个方法所有类型都会得到不同的字符串,而不是用 typeof,因为 typeof 只能区分基本类型,比如数组,typeof 返回的还是 “object” 字符串
ar arr = [];
var obj = {};typeof arr; //"object"
typeof obj; //"object"
typeof document; //"object"
/欢迎加入前端全栈开发交流圈一起吹水聊天学习交流:619586920
Object.prototype.toString.call(arr); //"[object Array]"
Object.prototype.toString.call(obj); //"[object Object]"
Object.prototype.toString.call(document); //"[object HTMLDocument]"
/欢迎加入前端全栈开发交流圈一起吹水聊天学习交流:619586920
复制代码
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;
//}"
//欢迎加入前端全栈开发交流圈一起吹水聊天学习交流:619586920
Function.prototype.toString.call(Object);
//"function Object() { [native code] }"
复制代码
结语
感谢您的观看,如有不足之处,欢迎批评指正。
本次给大家推荐一个免费的学习群,里面概括移动应用网站开发,css,html,webpack,vue node angular以及面试资源等。 对web开发技术感兴趣的同学,欢迎加入Q群:864305860,不管你是小白还是大牛我都欢迎,还有大牛整理的一套高效率学习路线和教程与您免费分享,同时每天更新视频资料。 最后,祝大家早日学有所成,拿到满意offer,快速升职加薪,走上人生巅峰。
转载于:https://juejin.im/post/5c271145f265da6158773aff
深入解析JQuery中的isPlainObject()使用方法相关推荐
- jquery ajax实例get,jQuery中ajax的get()方法用法实例
本文实例讲述了jQuery中ajax的get()方法用法.分享给大家供大家参考.具体分析如下: $.get()通过 HTTP GET请求从服务器上请求数据. 语法结构: $.get(url, [dat ...
- html5 toggle,jQuery中如何实现toggle方法
这次给大家带来jquery中如何实现toggle方法,使用jQuery中的toggle方法注意事项有哪些,下面就是实战案例,一起来看一下. 我们知道使用 jQuery 来实现上下移入移除,可以直接使用 ...
- 网页加载的不同的方式、点击按钮显示一句话、jQuery中获取元素的方法
网页加载的不同的方式 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
- pythonxml解析拿到控件坐标_Python解析xml中dom元素的方法
本文实例讲述了Python解析xml中dom元素的方法.共享给大家供大家参考.详细实现方法如下: 复制代码 代码如下: from xml.dom import minidom try: xmlfile ...
- jQuery学习(十二)—jQuery中对象的查找方法总结
jQuery学习(十二)-jQuery中对象的查找方法总结 一.find方法 作用:在元素1中查找元素2,类似于选择器中的后代选择器 格式:元素1.find(元素2),元素2为CSS选择器或者jQue ...
- python中getitem_解析Python中的__getitem__专有方法
__getitem__来看个简单的例子就明白: def __getitem__(self, key): return self.data[key] >>> f = fileinfo. ...
- Jquery中find与each方法使用详解
本文实例讲述了jQuery中find与each方法用法.分享给大家供大家参考.具体如下: 一.find()方法 jquery选择器非常强大,利用css的命名规约,可以更快更方便的找出想要的元素. 图解 ...
- 为您解惑:jQuery中$.getJSON( )的使用方法简介之获取JSON格式的数据.........
jQuery中的$.getJSON( )方法函数主要用来从服务器加载json编码的数据,它使用的是GET HTTP请求. 使用方法:$.getJSON( url [, data ] [, succes ...
- jQuery中常用的函数方法总结
jQuery中为我们提供了很多有用的方法和属性,自己总结的一些常用的函数,方法.个人认为在www.21kaiyun.com的紫微斗数星座在线排盘开发中会比较常用的,仅供大家学习和参考. 事件处理 re ...
最新文章
- 使用 git 管理 portage tree
- Gut Microbes:中科院微生物所王军组在新冠病人肠道病毒组研究取得新进展
- Juniper批量新增用户命令工具
- DataGrid中页导航栏的自定义样式
- Ubuntu下安装Qt全部过程
- 算法(第4版)Robert Sedgewick 刷题 第一章(1)
- redis-cluster集群单机搭建
- Linux内核空间内存申请函数kmalloc、kzalloc、vmalloc的区别
- 第一行代码 Android (郭霖 著)
- 【最短路径问题笔记】Floyd算法求多源最短路径问题
- 实现简易网易云音乐播放器
- 鸿蒙大陆9.1正式版礼包,鸿蒙大陆2.0正式版
- Leetcode 317. Shortest Distance from All Buildings (python+cpp)
- java直接控制飞鹅打印机_智慧餐厅,飞鹅智能云打印机设置教程
- C#读取txt 乱码问题的解决方案
- [附源码]计算机毕业设计JAVA中学学生学籍管理
- 中国无叶片安全风扇市场趋势报告、技术动态创新及市场预测
- 水务丨软件机器人实现自动计算,实现营业收费管理系统“智能升级”
- mysql如何插入图片和视频_mysql中怎样插入图片
- RK3399平台开发系列讲解(应用开发篇)1.12、RTC闹钟唤醒