jquery对原生方法的使用

  1. var deletedIds = [];  
  2.   
  3. var slice = deletedIds.slice;  
  4.   
  5. var concat = deletedIds.concat;  
  6.   
  7. var push = deletedIds.push;  
  8.   
  9. var indexOf = deletedIds.indexOf;  
  10.   
  11. var class2type = {};  
  12.   
  13. var toString = class2type.toString;  
  14.   
  15. var hasOwn = class2type.hasOwnProperty;  
  16.   
  17. var trim = "".trim;  
  18.   
  19. var support = {};  


class2type[ toString.call(obj) ] || "object"  为什么很多都是使用call来调用?


var arr = [];
方式一:arr.concat();
方式二:core_concat.call(arr);
方式三:core_concat.apply(arr);

思考下边2个问题:

  1. jQuery为什么要先把这些方法存储起来?---------------------在压缩中更加节省空间
  2. jQuery为什么要采用方式二或者三,而不直接使用方式一的做法

nodejser在评论中也给出了另一种答案:
var obj = {};
此时调用obj.concat是非法的,但是如果jQuery采用上边方式二或者三的话,能够解决这个问题。
也即是让类数组也能用到数组的方法(这就是call跟apply带来的另一种用法),尤其在jQuery里边引用一些DOM对象时,也能完美的用这个方法去解决,妙!

使用原生的方法,可以提高页面的速度,但是原生的属性可不见得?以下是jq对typeof方法的改写

[javascript]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. type: function( obj ) {  
  2.         if ( obj == null ) {  
  3.             return obj + "";//"null"  
  4.         }  
  5.         return typeof obj === "object" || typeof obj === "function" ?  
  6.             class2type[ toString.call(obj) ] || "object" :  
  7.             typeof obj;  
  8.     }  

修改了typeof null为"object"的错误和typeof function(){} 为 "object"的bug
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值