奇技淫巧之Object.keys

最新推荐文章于 2025-03-05 20:41:55 发布

最新推荐文章于 2025-03-05 20:41:55 发布 · 457 阅读

本文对比了两种不同的keys函数实现方式，并指出了它们的问题所在。文章详细解释了一个更可靠的实现方法，该方法能够正确地获取对象自身的所有可枚举属性，并处理了IE6下Object的一些特殊属性。

今天在群里看到两个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的一系列属性是不可遍历的，这时我们还要修正一下。下面才是正确的实现：

        // by 司徒正美 https://github.com/RubyLouvre/mass-Framework/blob/master/browers/lang.js 
       
        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;  
       
        };