jquery代码阅读之jquery.type

jquery代码阅读之jquery.type
jquery 源码中有众多地方采用jquer.type 来判断类型 API 参考文档在[这里],(http://api.jquery.com/jQuery.type/)从文档里可以看出改方法对各种类型的返回,在jquery源码中其判断类型的核心方法为Object.prototype.toString 通过toString来判断类型,主要实现方式为:

/*1:定义class2type*/
toString = Object.prototype.toString,
class2type = {};
/*2为class2tpye赋值
class2type = {
    [object Array]: "array",
    [object Boolean]: "boolean",
    [object Date]: "date",
    [object Function]: "function",
    [object Number]: "number",
    [object Object]: "object",
    [object RegExp]: "regexp",
    [object String]: "string"
}
*/
jQuery.each("Boolean Number String Function Array Date RegExp Object".split(" "), function(i, name) {
        class2type[ "[object " + name + "]" ] = name.toLowerCase();
});

/*
type定义 调用toString
Object.prototype.toString.call("hello") "[object String]"
Object.prototype.toString.call({hello:"hello"}) "[object Object]"
Object.prototype.toString.call([1,2,3]) "[object Array]"
*/
jQuery.extend({
    /*--------其他API-----------*/
      type: function( obj ) {
        return obj == null ?
                String( obj ) :
                class2type[ toString.call(obj) ] || "object"; //String(null) 返回"null" 
      },

     /* 直接调用jQuery.type的方法*/
    isFunction: function( obj ) {
        return jQuery.type(obj) === "function";
    },
    /*对于支持isArray的浏览器使用isArray 否则使用jQuery.type*/
    isArray: Array.isArray || function( obj ) {
        return jQuery.type(obj) === "array";
    },
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值