console.log 一个 javascript 对象/类 - 原型更​​改前后的结果相同

Question

我正在尝试了解 js prototypes 和 classes 的工作原理，我正在使用 Chrome 的 console.log 在添加新属性等时打印并查看对象的状态。

这是我正在使用的代码：(fiddle)

function Person(){}

Person.prototype.sayHello = function(){ alert("Hello"); };
Person.prototype.name = "Name";

console.log(Person.prototype) //1st console.log

Person.prototype.surname = "Surname";

console.log(Person.prototype); //2nd console.log

我希望在控制台中打印两个不同的结果，因为surname 属性是在第一个控制台日志之后添加的。相反，这是控制台输出：

如您所见，两个输出都定义了 surname 属性，即使它仅在第一个 console.log 之后添加..

你能解释一下为什么吗？我错过了什么？调用时console.log不显示对象的当前状态吗？

提前谢谢你，最好的问候

Answer 1

您设置人员姓氏的下一行代码，不等待控制台日志，因为 console.log 是异步的，当您超时尝试此代码时，它将是正确的，

 function Person() {}

 Person.prototype.sayHello = function () {
     alert("Hello");
 };
 Person.prototype.name = "Name";

 console.log(Person.prototype) //1st console.log
 setTimeout(function(){
  Person.prototype.surname = "Surname";

 console.log(Person.prototype); //2nd console.log
 },1000);

您可以在记录之前保存该对象的副本，然后它会起作用

Synchronous console logging in Chrome

更新： 我有一个更好的解决方案：
只需记录对象的字符串化版本就可以了

console.log(JSON.stringify(Person.prototype))