如何控制台记录所有继承的属性？

Question

对不起菜鸟问题。我只是在学习 JavaScript。

我有一个简单的对象。

var bike = {
  wheels: 2,
};

我创建了一个新的，它通过 create() 继承了所有自行车值，并向新对象添加了一些新属性。

var raleigh = Object.create(bike);
raleigh.color = 'red';

当我对新的罗利对象执行 console.log 时，我看不到从自行车对象继承的属性。

console.log(raleigh);

日志是：

{ color: 'red' }

如何记录到控制台所有属性，包括这些继承的？

Answer 1

当一个对象通过console.log 打印时，它会打印出它自己的所有属性和一个指向它所继承的对象的链接。你可以在控制台看到所有继承的属性，你只需要按照显示对象的原型链（通常使用__proto__或[[prototype]]键）。

Answer 2

当您使用Object.create 时，您的原型将与您继承的对象相同，因此，要显示“父”属性，您可以看到原型：

console.log(raleigh);
console.log(Object.getPrototypeOf(raleigh));

也许你会期待更多，但我认为这是展示这些属性的快速方式。

Answer 3

这会有帮助吗？ 我正在发出警报，你也可以检查控制台！

 var bike = {
      wheels: 2,
    };
    var raleigh = Object.create(bike);
    raleigh.color = 'red';
    function getAllProperties( obj ) {
        var properties = [];
    
        do {
            properties= properties.concat(Object.getOwnPropertyNames( obj ));
        } while ( obj = Object.getPrototypeOf( obj ) );
    
        return properties;
    }
    alert(getAllProperties(raleigh));
    console.log(getAllProperties(raleigh));

Answer 4

您可以创建一个新的对象，特别是为您的日志创建一个自己的属性

function flatten_inheritance(e) {
    var o = Object.create(null), i, prop;
    do {
        prop = Object.getOwnPropertyNames(e);
        for (i = 0; i < prop.length; ++i)
            if (!(prop[i] in o))
                o[prop[i]] = e[prop[i]];
    } while (e = Object.getPrototypeOf(e));
    return o;
}

flatten_inheritance(raleigh); // Object {color: "red", wheels: 2, valueOf, toString, etc..}

如果您想停在Object.prototype 或其他原型，您可以在while 条件下执行此操作；

while (e = Object.getPrototypeOf(e) && e !== Object.prototype);

我建议您仅在调试时执行此操作，而不是将所有代码从继承中移开