Udescore.jsとjQueryのタイプ判断

昔、簡単にjsのデータタイプを記録しました.では、変数のデータの種類をどう判断しますか?
まずいくつかの判断を見てみましょう.

typeof null // "object"
typeof new String('abc') // "object"

var iframeArr = new window.frames[0].Array;
iframeArr instanceof Array // false

isNaN('abc') // true

ですから、タイプを判断するときには、うっかりバグが発生しがちですが、データの種類を正確に判断するにはどうすればいいですか?undescore.jsとjQueryのやり方を見てみましょう.
1.undersscore 1.8.3
undersscoreは判定タイプの関数の山を提供しています.以下の通りです.

- isArray
- isObject
- isArguments
- isFunction
- isString
- isNumber
- isFinite
- isBoolean
- isDate
- isRegExp
- isNaN
- isNull
- isUndefined

その核心的な判断コードは以下の通りです.Object.prototype.toStingを利用するのも業界公認のいい方法です.

// Add some isType methods: isArguments, isFunction, isString, isNumber, isDate, isRegExp, isError.
_.each(['Arguments', 'Function', 'String', 'Number', 'Date', 'RegExp', 'Error'], function(name) {
    _['is' + name] = function(obj) {
        return toString.call(obj) === '[object ' + name + ']';
    };
});

他の判定機能を見てみます.
-isAray
まず、ブラウザが元のES 5をサポートしているかどうかを判断し、サポートはそのまま生の方法で判断します.そうでなければArray.isArrayを利用して判断します.

var ObjProto = Object.prototype,
    toString = ObjProto.toString,
    nativeIsArray = Array.isArray;

_.isArray = nativeIsArray || function(obj) {
    return toString.call(obj) === '[object Array]';
  };

-isObject
typeofで直接判断する.でも判定関数の場合もObject.prototype.toStingですか?これはtrueと重なるのではないですか?

_.isObject = function(obj) {
    var type = typeof obj;
    return type === 'function' || type === 'object' && !!obj;
};

// example
function a () {}
console.log(_.isObject(a)); // true

-isAgments isFunction IE9 属性があるかどうか直接判断します.注意すべきことは、ES 5規格において、厳密なモードでは、関数パラメータはcallee属性がないので、ここを詳しく見てください.

_.has = function(obj, key) {
    return obj != null && hasOwnProperty.call(obj, key);
};

//   IE < 9     [object Arguments]      
if (!_.isArguments(arguments)) {
    _.isArguments = function(obj) {
        return _.has(obj, 'callee');
    };
}

-isFunction calleeここで疑問があります.直接typeofで判断すればいいのに、なぜ後の を追加しますか?コメントでは、IE 11(&IE 8)の次のバグのためです.詳しくはここを見てください

// Optimize `isFunction` if appropriate. Work around some typeof bugs in old v8,
// IE 11 (#1621), and in Safari 8 (#1929).
if (typeof /./ != 'function' && typeof Int8Array != 'object') {
    _.isFunction = function(obj) {
        return typeof obj == 'function' || false;
    };
}

-isfinite
一つの数が限られているかどうかを判断するには、まず基本的なテストを見ます.

isFinite(Infinity);  // false
isFinite(NaN);       // false
isFinite(-Infinity); // false

isFinite(0);         // true
isFinite(2e64);      // true
isFinite(null);      // true

isFinite("0");       // true

undersscore.jsのコードを見て、NaNの状況を排除しました.

_.isFinite = function(obj) {
    return isFinite(obj) && !isNaN(parseFloat(obj));
};

-isNaN,-isBoolean,-isNull,-isUnidefined
他のタイプの判定関数は特にありません.以下の通りです.

// Is the given value `NaN`? (NaN is the only number which does not equal itself).
_.isNaN = function(obj) {
    return _.isNumber(obj) && obj !== +obj;
};

// Is a given value a boolean?
_.isBoolean = function(obj) {
    return obj === true || obj === false || toString.call(obj) === '[object Boolean]';
};

// Is a given value equal to null?
_.isNull = function(obj) {
    return obj === null;
};

// Is a given variable undefined?
_.isUndefined = function(obj) {
    return obj === void 0;
};

2.jQuery 1.11.2
jQueryのパッケージのタイプ判定インターフェースを見てください.

$.type(obj)
$.isArray(obj)
$.isFunction(obj)
$.isEmptyObject(obj)
$.isPlainObject(obj)
$.isWindow(obj)
$.isNumeric(value)

そのコアコードは以下の通りです.|| falseも採用されています.

var class2type = {};

var toString = class2type.toString;

...

jQuery.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) {
    class2type[ "[object " + name + "]" ] = name.toLowerCase();
});

...

type: function( obj ) {
    if ( obj == null ) {
        return obj + "";
    }
    return typeof obj === "object" || typeof obj === "function" ?
        class2type[ toString.call(obj) ] || "object" :
        typeof obj;
},

Object.prototype.toStingおよびisArrayは、isFunctionの関数のさらなる実装である.

isFunction: function( obj ) {
    return jQuery.type(obj) === "function";
},

isArray: Array.isArray || function( obj ) {
    return jQuery.type(obj) === "array";
},

他の関数を続けてみます.
-isemptyObject
空のオブジェクトかどうかを判断します.

isEmptyObject: function( obj ) {
    var name;
    for ( name in obj ) {
        return false;
    }
    return true;
},

-isPlainObject
これはjQueryに特有の方法で、オブジェクトが純粋なオブジェクトかどうかを判断します.

var hasOwn = class2type.hasOwnProperty;

...

isPlainObject: function( obj ) {
    var key;

    //      true, 
    //       [object Object]
    //    Dom     window   
    if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
        return false;
    }

    try {
        //       constructor        Object
        if ( obj.constructor &&
            !hasOwn.call(obj, "constructor") &&
            !hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) {
            return false;
        }
    } catch ( e ) {
        // IE8,9         ，   ，    false
        return false;
    }

    // Support: IE<9
    // Handle iteration over inherited properties before own properties.
    if ( support.ownLast ) {
        for ( key in obj ) {
            return hasOwn.call( obj, key );
        }
    }

    //         ，          ，          ，               ，   true
    for ( key in obj ) {}

    return key === undefined || hasOwn.call( obj, key );
},

-isWindow
windowの対象かどうかを判断します.window=window.windowの属性を利用します.

isWindow: function( obj ) {
    return obj != null && obj == obj.window;
},

-isNumeric
数字かどうかを判断する.

isNumeric: function( obj ) {
    // parseFloat NaNs numeric-cast false positives (null|true|false|"")
    // ...but misinterprets leading-number strings, particularly hex literals ("0x...")
    // subtraction forces infinities to NaN
    // adding 1 corrects loss of precision from parseFloat (#15100)
    return !jQuery.isArray( obj ) && (obj - parseFloat( obj ) + 1) >= 0;
}

締め括りをつける
jsは判断のタイプの道において、いろいろな試みがありました.各種類のライブラリの判断方法は違いますが、typeが発掘されてから、公認の判断のタイプになりました.
jQueryのObject.prototype.toStingの方法を以下のように引き出します.

var typeObj = {} ;
"Boolean Number String Function Array Date RegExp Object Error".split(" ").forEach( function (e, i) {
    typeObj[ "[object " + e + "]" ] = e.toLowerCase();
});

function _typeof (obj) {
    if ( obj == null ) {
        return String( obj );
    }
    return typeof obj === "object" || typeof obj === "function" ?
        typeObj[ typeObj.toString.call(obj) ] || "object" :
        typeof obj;
}

このように、タイプを判断する時は、このコードをそのまま使うことができます.
拡張読み

Sea.jsソース解析(3)