为什么初始化的 JavaScript 对象不包含原型对象？

Question

我尝试使用以下代码向对象添加start 方法：

var Bounce = Bounce || {
    Info : {},
    Game : {}
};

Bounce.Game.prototype.start = function() {
    Bounce.log("Starting " + new Bounce.Info());
}

但这会导致以下错误（在Bounce.Game.prototype.start 行）：

未捕获的类型错误：无法设置未定义的属性“开始”

查看 Chrome 控制台中的对象，我可以看到它不包含 prototype 对象（但有 toString、valueOf 和 constructor 等）。

这很容易通过在原型访问之前添加以下行来解决：

Bounce.Game = function() {};

我不知道为什么在对象已经初始化时需要这样做？

W3Schools 告诉我“每个 JavaScript 对象都有一个原型”，但事实并非如此。

Answer 1

从概念上讲，所有对象都具有原型，但只有函数对象（包括 Object、Array 等构造函数，虽然它们不产生函数）具有名为 prototype 的属性 .它们不一样。

如果您阅读 ECMAScript 规范，原型通常表示为 [[Prototype]]，这是 JS 引擎中的实现细节，而不是语言特性。但是，在某些引擎中 [[Prototype]] 是公开的，可以使用 __proto__ 属性（非标准）访问。

---

顺便说一句：

1. 如果你想访问 [[Prototype]]，Object.getPrototypeOf() 是你的朋友。

2. 使用a instanceof b时，实际上是在比较a的[[Prototype]]链与b的prototype属性 .

3. 为什么我们说null 是所有的原型？它也不是指prototype，而是 [[Prototype]]:

   Object.getPrototypeOf(Object.getPrototypeOf({})) // null
   Object.getPrototypeOf(Object.getPrototypeOf(Object.getPrototypeOf([]))) // null
   Object.getPrototypeOf(Object.getPrototypeOf(Object.getPrototypeOf(new String("")))) // null
   
   // or shorter like this
   ({}).__proto__.__proto__ // null
   ([]).__proto__.__proto__.__proto__ // null
   ("").__proto__.__proto__.__proto__ // null
   

Answer 2

因此，受@Leo cmets 的启发，我想到了使用带有原型的普通{} 对象的解决方案。

我们有这个对象：

var Bounce = Bounce || {
    Info : {},
    Game : {}
};

我们为给定对象定义prototype 属性

Object.defineProperty(Bounce.Game, 'prototype', {
    get: function() {
      return Object.getPrototypeOf(Bounce.Game); 
    }
});

现在，我们可以像往常一样使用原型了：

Bounce.Game.prototype.start = function(){
  console.log('start');
};

Bounce.Game.start();

看看这个：http://jsbin.com/bapuvo/3/edit