Object.getOwnPropertyNames与Object.keys

2020/10/13 18:41 · javascript ·  · 0评论

Object.getOwnPropertyNamesObject.keysjavascript有什么区别还可以理解一些示例。

有一点区别。Object.getOwnPropertyNames(a)返回该对象的所有自身属性aObject.keys(a)返回所有可枚举的自身属性。这意味着,如果不定义对象属性而定义了其中某些属性,则enumerable: false这两种方法将获得相同的结果。

很容易测试:

var a = {};
Object.defineProperties(a, {
    one: {enumerable: true, value: 1},
    two: {enumerable: false, value: 2},
});
Object.keys(a); // ["one"]
Object.getOwnPropertyNames(a); // ["one", "two"]

如果您在定义属性时未提供属性属性描述符(即您不使用Object.defineProperties),例如:

a.test = 21;

然后,该属性将自动成为可枚举的,并且这两种方法都将产生相同的数组。

另一个区别是数组Object.getOwnPropertyNames方法将返回的额外属性length

var x = ["a", "b", "c", "d"];
Object.keys(x);  //[ '0', '1', '2', '3' ]
Object.getOwnPropertyNames(x);  //[ '0', '1', '2', '3', 'length' ]

创建对象时的文字表示法与构造方法。这是让我着迷的东西。

const cat1 = {
    eat() {},
    sleep() {},
    talk() {}
};

// here the methods will be part of the Cat Prototype
class Cat {
    eat() {}
    sleep() {}
    talk() {}
}

const cat2 = new Cat()

Object.keys(cat1) // ["eat", "sleep", "talk"]
Object.keys(Object.getPrototypeOf(cat2)) // []

Object.getOwnPropertyNames(cat1) // ["eat", "sleep", "talk"]
Object.getOwnPropertyNames(Object.getPrototypeOf(cat2)) // ["eat", "sleep", "talk"]

cat1 // {eat: function, sleep: function, talk: function}
cat2 // Cat {}

// a partial of a function that is used to do some magic redeclaration of props
function foo(Obj) {
    var propNames = Object.keys(Obj);

    // I was missing this if
    // if (propNames.length === 0) {
    //     propNames = Object.getOwnPropertyNames(Obj);
    // }

    for (var prop in propNames) {
        var propName = propNames[prop];

        APIObject[propName] = "reasign/redefine or sth";
    }
}

因此,在我的情况下,foo如果我给它分配了cat2类型的对象,该功能将无法正常工作。

还有其他创建对象的方法,因此也可能存在其他问题。

如前所述,.keys不会返回不可枚举的属性。

关于示例,一个陷阱是Error对象:其某些属性是不可枚举的。

因此,尽管
console.log(Object.keys(new Error('some msg')))收益率[]
console.log(Object.getOwnPropertyNames(new Error('some msg')))收益率["stack", "message"]

console.log(Object.keys(new Error('some msg')));
console.log(Object.getOwnPropertyNames(new Error('some msg')));

另一个区别是(至少使用nodejs)“ getOwnPropertyNames”函数不能保证键顺序,这就是为什么我通常使用“ keys”函数:

    Object.keys(o).forEach(function(k) {
      if (!o.propertyIsEnumerable(k)) return;
      // do something...
    });
本文地址:http://javascript.askforanswer.com/object-getownpropertynamesyuobject-keys.html
文章标签:
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!