奇技淫巧之Object.keys

今天在群里看到两个keys函数实现

abcd的实现:

var obj = {
     a:1,
     b:2,
     c:3
}
function keys(obj){
     var a = [], i = 0;
     for (a[i++] in obj);
     return a ;
}
console.log(keys(obj))

灰大的实现:

var obj = {
     a:1,
     b:2,
     c:3
}
function keys(obj){
     var a = [];
     for (a[a.length] in obj);
     return a ;
}
console.log(keys(obj))

好疯狂吧,用到for ( LeftHandSideExpression in Expression ) Statement 。我也不清楚,自己查ECMA。但我知道这实现是有问题的,Object.keys 只收集自身属性名,不收集继承自原型链上的。加之,IE6下对Object的一系列属性是不可遍历的,这时我们还要修正一下。下面才是正确的实现:

     var DONT_ENUM =  "propertyIsEnumerable,isPrototypeOf,hasOwnProperty,toLocaleString,toString,valueOf,constructor" .split( "," ),
     hasOwn = ({}).hasOwnProperty;
     for ( var i in {
         toString: 1
     }){
         DONT_ENUM = false ;
     }
  
     Object.keys = Object.keys || function (obj){ //ecma262v5 15.2.3.14
             var result = [];
             for ( var key in obj ) if (hasOwn.call(obj,key)){
                 result.push(key)
             }
             if (DONT_ENUM && obj){
                 for ( var i = 0 ;key = DONT_ENUM[i++]; ){
                     if (hasOwn.call(obj,key)){
                         result.push(key);
                     }
                 }
             }
             return result;
         };
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值