Javascript 什么'；google开发工具监视窗口中注释（内部属性）的含义是什么？

有人能解释一下google开发控制台中

：

后面的注释是什么意思吗

例如，当我在控制台中输入

baz

时，它返回一个三角形，旁边有注释

Foo

。这是什么意思

在

\uuuu proto\uuuu:Object

中

Object

的含义是什么

另一个问题是，当我将鼠标挂在蓝色的

I

小按钮上时，它会提示下面的

值刚刚被计算过。这是什么意思

我试图为这些问题找到一些参考资料，但失败了。任何资源都将受到欢迎

这个Foo是什么意思

它是用于创建此对象的构造函数的名称

function Foo(){} // constructor function
new Foo()


那么对象在proto中的含义是什么

它是原型链中的下一个原型，对象
baz
继承自

试试这个稍微复杂一点的例子：

function Bar(){}
Bar.prototype.someFunction = function(){}
function Foo(){}
Foo.prototype = Object.create(Bar.prototype, {}) // or Foo.prototype = new Bar()
new Foo()

Foo原型链中的第一个值是Bar对象的实例。Bar对象也有一个原型，但它只是一个未命名的对象（它没有像Foo或Bar那样的构造函数）

然后，该对象还有一个原型，它只是所有对象从中继承的泛型


另一个问题是，当我把鼠标挂在蓝色的小I按钮上时，它会提示下面的值刚刚被计算过。这是什么意思

这意味着显示对象时使用的是它现在拥有的属性值，而不是记录时拥有的值

举个例子：

var obj = {a: 20}
console.log(obj)
obj.a = 100

首先，DevTools将打印对象的基本快照：


但是，当您展开对象时，DevTools使用对象的当前值，而不是使用快照


这个Foo是什么意思

它是用于创建此对象的构造函数的名称

function Foo(){} // constructor function
new Foo()


那么对象在proto中的含义是什么

它是原型链中的下一个原型，对象
baz
继承自

试试这个稍微复杂一点的例子：

function Bar(){}
Bar.prototype.someFunction = function(){}
function Foo(){}
Foo.prototype = Object.create(Bar.prototype, {}) // or Foo.prototype = new Bar()
new Foo()

Foo原型链中的第一个值是Bar对象的实例。Bar对象也有一个原型，但它只是一个未命名的对象（它没有像Foo或Bar那样的构造函数）

然后，该对象还有一个原型，它只是所有对象从中继承的泛型


另一个问题是，当我把鼠标挂在蓝色的小I按钮上时，它会提示下面的值刚刚被计算过。这是什么意思

这意味着显示对象时使用的是它现在拥有的属性值，而不是记录时拥有的值

举个例子：

var obj = {a: 20}
console.log(obj)
obj.a = 100

首先，DevTools将打印对象的基本快照：


但是，当您展开对象时，DevTools使用对象的当前值，而不是使用快照

回答得真棒，马特！谢谢你非常详细的回复！但是你能告诉我在哪里可以找到解释那些DevTools实用程序的官方参考资料吗？@spacegoing官方文档是，但我认为它们没有所有功能的详细程度。非常感谢你的回复！在提问之前，我搜索了该网站，但没有发现任何问题：（同样感谢：DAwesome Response Matt！感谢你的详细回复！但是你能告诉我在哪里可以找到解释那些DevTools实用程序的官方参考资料吗？@spacegoing官方文档是，但我不认为它们在所有功能上都有那么详细的说明。非常感谢你的回复！我在询问之前搜索了该网站。）但没有发现任何问题：（尽管如此，还是谢谢你：D