Object.getOwnPropertyNames vs Object.keys

Question

javascript Object.getOwnPropertyNames和Object.keysjavascript有什么区别？还有一些例子值得赞赏.

Answer 1

有一点不同.Object.getOwnPropertyNames(a)返回对象的所有属性a.Object.keys(a)返回所有可枚举的自有属性.这意味着如果你定义你的对象属性而不做其中的一些,enumerable: false这两个方法将给你相同的结果.

它很容易测试:

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

如果定义属性而不提供属性属性描述符(意味着您不使用Object.defineProperties),例如:

a.test = 21;

然后这样的属性自动变为可枚举,并且两个方法都产生相同的数组.

Answer 2

另一个区别是在数组Object.getOwnPropertyNames方法的情况下会返回一个额外的属性length.

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

Answer 3

创建对象时的文字符号与构造函数。这是让我着迷的东西。

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 类型的对象，这个函数就不起作用。

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