Object.getOwnPropertyNames vs Object.keys

Sự khác biệt giữa Object.getOwnPropertyNamesvà Object.keystrong javascript là gì? Ngoài ra một số ví dụ sẽ được đánh giá cao.

Có một chút khác biệt. Object.getOwnPropertyNames(a)trả về tất cả các thuộc tính riêng của đối tượng a. Object.keys(a)trả về tất cả các thuộc tính riêng Điều đó có nghĩa là nếu bạn xác định các thuộc tính đối tượng của mình mà không thực hiện một số trong enumerable: falsehai phương thức này thì hai phương thức này sẽ cho bạn cùng một kết quả.

Thật dễ dàng để kiểm tra:

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

Nếu bạn xác định một thuộc tính mà không cung cấp mô tả thuộc tính thuộc tính (có nghĩa là bạn không sử dụng Object.defineProperties), ví dụ:

a.test = 21;

sau đó thuộc tính đó trở thành một số tự động và cả hai phương thức tạo ra cùng một mảng.

Một sự khác biệt nữa là trong trường hợp Object.getOwnPropertyNamesphương thức mảng sẽ trả về một thuộc tính bổ sung length.

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

Ký hiệu nghĩa đen vs constructor khi tạo đối tượng. Đây là một cái gì đó có tôi.

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";
    }
}

Vì vậy, trong trường hợp của tôi, foohàm không hoạt động nếu tôi cho nó các đối tượng thuộc loại cat2.

Có nhiều cách khác để tạo các đối tượng để có thể có các kink khác trong đó.

Như đã được giải thích, .keys không trả lại vô số tài sản.

Liên quan đến các ví dụ, một trong những trường hợp đáng tiếc là một Errorđối tượng: một số thuộc tính của nó là vô số.
Vì vậy, trong khi console.log(Object.keys(new Error('some msg')))sản lượng [], console.log(Object.getOwnPropertyNames(new Error('some msg')))sản lượng["stack", "message"]

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

Một điểm khác biệt nữa là (ít nhất là với nodejs) chức năng "getOwnPropertyNames" không đảm bảo trật tự khóa, đó là lý do tại sao tôi thường sử dụng chức năng "khóa":

    Object.keys(o).forEach(function(k) {
      if (!o.propertyIsEnumerable(k)) return;
      // do something...
    });