搜尋

首頁  >  問答  >  主體

javascript - 關於 jQuery 原始碼中的 isPlainObject 函數判定物件是否為純物件的問題

// Objects with prototype are plain iff they were constructed by a global Object function
Ctor = hasOwn.call( proto, "constructor" ) && proto.constructor; //这行是什么意思?
return typeof Ctor === "function" && fnToString.call( Ctor ) === ObjectFunctionString;

以下是上訴代碼中提到的代號

var class2type = {};
var toString = class2type.toString;
var getProto = Object.getPrototypeOf;
var hasOwn = class2type.hasOwnProperty;
var fnToString = hasOwn.toString; 
var ObjectFunctionString = fnToString.call( Object );
var proto, Ctor;
proto = getProto( obj );

jQuery 3.2.1 中,判定物件是否為純物件的函數,最後兩行,我自己測試的時候是不對等的,想問下問題在哪裡

var obj = function(){};
var proto = Object.getPrototypeOf(obj);
var Ctor = Object.hasOwnProperty.call(proto, "constructor") && proto.constructor;
var objHasOwn = Object.hasOwnProperty.toString.call( Object );
var funcHasOwn = Object.hasOwnProperty.toString.call( Ctor );

console.log(funcHasOwn === objHasOwn); // 我使用纯 function 来测试,发现结果是 false

問下

  1. 為什麼輸出結果是 false

  2. #Object.hasOwnProperty.call(proto, "constructor") && proto.constructor; 是什麼意思

  3. #Object.hasOwnProperty.toString.call( Object ) 輸出為function Object() { [native code] }
    Object.hasOwnProperty. toString.call( Number )輸出為function Number() { [native code] } 是為什麼

phpcn_u1582phpcn_u15822728 天前706

全部回覆(1)我來回復

  • 巴扎黑

    巴扎黑2017-06-12 09:30:36

        // 判断参数是不是纯粹的对象 通过{}、new Object()、Object.create(null)
        isPlainObject: function( obj ) {
            var proto, Ctor;
    
            // 借用toString方法判断obj的类型是不是Object
            if ( !obj || toString.call( obj ) !== "[object Object]" ) {
                return false;
            }
            // 获取对象的原型
            proto = getProto( obj );
    
            // 通过Object.create( null )创建的对象返回true
            if ( !proto ) {
                return true;
            }
    
            // 判断对象是不是通过new Object()方式创建的
            Ctor = hasOwn.call( proto, "constructor" ) && proto.constructor;
            // fnToString:将函数转换成字符串 ObjectFunctionString:function Object() { [native code] }
            return typeof Ctor === "function" && fnToString.call( Ctor ) === ObjectFunctionString;
        }

    1、var obj = function(){};回傳false是因為你對這個函數功能理解錯了,它不是說透過函數創建,它的意思是new Object();

    Object.hasOwnProperty.toString.call( Number )輸出為function Number() { [native code] }是因為Object.hasOwnProperty.toString會以字串方式傳回該物件的建構子函數,call方法借用Object.hasOwnProperty上的toString方法。

    回覆
    0
  • 取消回覆