javascript - 谷歌开发工具监 window 口中的注释(内部属性)的含义是什么？

Question

有人可以解释一下 Google 开发控制台中 : 之后的这些注释的含义吗？

例如，当我在控制台中输入 baz 时，它会返回一个带有注释 Foo 的三 Angular 形。这个 Foo 是什么意思？

__proto__: Object中的Object是什么意思？

另一个问题是，当我将鼠标悬停在蓝色小i按钮上时，它会提示下面的值刚刚被评估。这是什么意思？

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

Answer 1

What does this Foo mean?

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

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

And what's the meaning of Object in proto: Object?

它是原型(prototype)链中的下一个原型(prototype)，baz 继承自该对象。

尝试这个稍微复杂的示例:

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

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

该对象还有一个原型(prototype)，它只是通用的 Object.prototype所有对象都继承自。

Another question is when I hang my mouse on the little blue i button, it prompts that Value below was evaluated just now. What does this mean?

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

举个例子:

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

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

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