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 = {}; //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; //先去掉类型不是 Object 的 //也就是用 Object.prototype.toString.call(obj) 这种方式,返回值不是 "[object Object]" 的,比如 数组 window history if (!obj || toString.call(obj) !== "[object Object]") { return false; } //获取对象原型,赋值给 proto proto = getProto(obj); //如果对象没有原型,那也算纯粹的对象,比如用 Object.create(null) 这种方式创建的对象 if (!proto) { return true; } //最后判断是不是通过 "{}" 或 "new Object" 方式创建的对象 //如果 proto 有 constructor属性,Ctor 的值就为 proto.constructor, //原型的 constructor 属性指向关联的构造函数 Ctor = hasOwn.call(proto, "constructor") && proto.constructor; //如果 Ctor 类型是 "function" ,并且调用Function.prototype.toString 方法后得到的字符串 与 "function Object() { [native code] }" 这样的字符串相等就返回true //用来区分 自定义构造函数和 Object 构造函数 return typeof Ctor === "function" && fnToString.call(Ctor) === ObjectFunctionString; }
從原始碼來看,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] }"
相關建議:
##
以上是jQuery中的isPlainObject()實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!