javascript - Javascript 中的对象与原型(prototype)

Question

我正在尝试理解原型(prototype)并处理我对其他各种构造的理解带来的一些干扰。

有人可以向我解释一下 Javascript 中的 Object 是什么吗？澄清一下，我知道什么是对象(带有小写的“o”)，但不知道对象(带有大写的“O”)是什么。我知道在 JS 中创建的任何对象都附加了一个隐藏的原型(prototype)对象。原型(prototype)对象既是父对象的属性，也是对象本身，具有自己的属性，可以使用以下命令访问 objectName.prototype;此外，在原型(prototype)对象的属性中有一个原型(prototype)对象。对象和原型(prototype)对象一样吗？如果不是，什么是 Object —— 全局对象？它/它们与窗口对象或全局对象有什么关系？

在此先感谢您的帮助。我在互联网上搜索过这个问题的答案，但找不到一个既容易理解又容易理解的答案。虽然我还不到 10 岁，但如果您像我一样向我解释，我不会感到被冒犯，并且会非常感谢您付出的努力。

Answer 1

I understand that any object that is created in JS has a hidden prototype object attached to it.

基本上是的。每个对象都有一个内部属性，在规范中表示为[[Prototype]]，其值只是(对)另一个对象的引用。 另一个对象是第一个对象的原型(prototype)。

虽然原型(prototype)对象本身并没有隐藏，但您可以通过 Object.create 显式设置对象的原型(prototype):

var foo = {x: 42};
var bar = Object.create(foo);

console.log(bar.x); // 42
console.log(Object.getPrototypeOf(bar) === foo); // true

在这个例子中，foo 是bar 的原型(prototype)。

The prototype object is both a property of the parent object, and an object itself

首先，不只有一个原型(prototype)对象。任何对象都可以充当原型(prototype)，并且有许多不同的原型(prototype)对象。当我们说“原型(prototype)对象”时，我们实际上指的是具有原型(prototype)“Angular 色”的对象，而不是特定“类型”的对象.原型(prototype)对象和非原型(prototype)对象之间没有明显的区别。

我不太确定您在这里所说的“父对象的属性”是什么意思。对象不是属性，最多可以是属性的值。从这个意义上说，是的，作为原型(prototype)的对象必须是另一个对象的内部 [[Prototype]] 属性的值。

但这与两个对象之间的所有其他关系没有太大区别(所以没什么特别的)。在下面的示例中，bar 是一个对象，并且还分配给了 foo 的属性:

var bar = {};
var foo = {bar: bar};

Is Object the same as prototype object?

没有。

Object 是用于创建对象的(构造函数)函数。 var obj = new Object(); 与 var obj = {}; 相同。但是，使用对象文字 ({...}) 更方便，这就是为什么您没有看到 new Object 使用那么多的原因。

对于每个构造函数 C，以下内容成立:

Object.getPrototypeOf(new C()) === C.prototype

即C.prototype 属性的值成为通过 new C 创建的 C 新实例的原型(prototype)。

Object.prototype其实是Object最有趣的部分，也是最重要的部分。您可能听说过“原型(prototype)链”。因为原型(prototype)只是一个对象，所以它自己有一个原型(prototype)，它是一个对象，等等。这条链必须在某个地方结束。 Object.prototype 是基本上位于每个原型(prototype)链末尾的值。
有很多原型(prototype)链，因为每个不是原始值( bool 值、数字、字符串、空值、未定义、符号)的值都是一个对象(包括函数、正则表达式、数组、日期等)。

If not, what is Object -- the global object?

见上文。它不是全局对象，浏览器中的全局对象是 window，虽然每个 JavaScript 环境都必须有一个全局对象，但至少到目前为止，语言中还没有标准的方式来引用它(编辑: 我想 this 在全局环境中是一种跨平台的方式)。

How does it/they relate to the window object or global object?

真正唯一的关系是:

• Object is a property of the global object, and thus a global variable.

你可能认为全局对象的原型(prototype)也是Object.prototype，but that is not necessarily the case

---

阅读 Material :

• You Don't Know JS: this & Object Prototypes ; gettify 系列中的所有书籍都非常棒。
• http://felix-kling.de/jsbasics/ ;无耻地插入了一些非常简洁的幻灯片，这些幻灯片是我为我不时教授的 JavaScript 类(class)创建的。可能不够详细，无法单独使用(并且包含拼写错误；))