除了创建对象，构造函数(constructor) 还做了另一件有用的事情—自动为创建的新对象设置了原型对象(prototype object) 。原型对象存放于 ConstructorFunction.prototype 属性中。

例如，我们重写之前例子，使用构造函数创建对象“b”和“c”，那么对象”a”则扮演了“Foo.prototype”这个角色：

// 构造函数
function Foo(y) {
  // 构造函数将会以特定模式创建对象：被创建的对象都会有"y"属性
  this.y = y;
}
 
// "Foo.prototype"存放了新建对象的原型引用
// 所以我们可以将之用于定义继承和共享属性或方法
// 所以，和上例一样，我们有了如下代码：
 
// 继承属性"x"
Foo.prototype.x = 10;
 
// 继承方法"calculate"
Foo.prototype.calculate = function (z) {
  return this.x + this.y + z;
};
 
// 使用foo模式创建 "b" and "c"
var b = new Foo(20);
var c = new Foo(30);
 
// 调用继承的方法
b.calculate(30); // 60
c.calculate(40); // 80
 
// 让我们看看是否使用了预期的属性
 
console.log(
 
  b.__proto__ === Foo.prototype, // true
  c.__proto__ === Foo.prototype, // true
 
  // "Foo.prototype"自动创建了一个特殊的属性"constructor"
  // 指向a的构造函数本身
  // 实例"b"和"c"可以通过授权找到它并用以检测自己的构造函数
 
  b.constructor === Foo, // true
  c.constructor === Foo, // true
  Foo.prototype.constructor === Foo // true
 
  b.calculate === b.__proto__.calculate, // true
  b.__proto__.calculate === Foo.prototype.calculate // true
 
);

上述代码可表示为如下的关系：

构造函数与对象之间的关系

上述图示可以看出，每一个object都有一个prototype. 构造函数Foo也拥有自己的__proto__, 也就是Function.prototype, 而Function.prototype的__proto__指向了Object.prototype. 重申一遍，Foo.prototype只是一个显式的属性，也就是b和c的__proto__属性。

这个问题完整和详细的解释有两个部分：

• 面向对象编程.一般理论(OOP. The general theory)，描述了不同的面向对象的范式与风格(OOP paradigms and stylistics)，以及与ECMAScript的比较。
• 面向对象编程.ECMAScript实现(OOP. ECMAScript implementation), 专门讲述了ECMAScript中的面向对象编程。

现在，我们已经了解了基本的object原理，那么我们接下去来看看ECMAScript里面的程序执行环境[runtime program execution]. 这就是通常称为的“执行上下文堆栈”[execution context stack]。每一个元素都可以抽象的理解为object。你也许发现了，没错，在ECMAScript中，几乎处处都能看到object的身影。

延伸阅读

此文章所在专题列表如下：

1. 我们应该如何去了解JavaScript引擎的工作原理
2. JavaScript探秘：编写可维护的代码的重要性
3. JavaScript探秘：谨慎使用全局变量
4. JavaScript探秘：var预解析与副作用
5. JavaScript探秘：for循环(for Loops)
6. JavaScript探秘：for-in循环(for-in Loops)
7. JavaScript探秘：Prototypes强大过头了
8. JavaScript探秘：eval()是“魔鬼”
9. JavaScript探秘：用parseInt()进行数值转换
10. JavaScript探秘：基本编码规范
11. JavaScript探秘：函数声明与函数表达式
12. JavaScript探秘：命名函数表达式
13. JavaScript探秘：调试器中的函数名
14. JavaScript探秘：JScript的Bug
15. JavaScript探秘：JScript的内存管理
16. JavaScript探秘：SpiderMonkey的怪癖
17. JavaScript探秘：命名函数表达式替代方案
18. JavaScript探秘：对象Object
19. JavaScript探秘：原型链 Prototype chain
20. JavaScript探秘：构造函数 Constructor
21. JavaScript探秘：可执行的上下文堆栈
22. 执行上下文其一：变量对象与活动对象
23. 执行上下文其二：作用域链 Scope Chains
24. 执行上下文其三：闭包 Closures
25. 执行上下文其四：This指针
26. JavaScript探秘：强大的原型和原型链
27. JavaScript函数其一：函数声明
28. JavaScript函数其二：函数表达式
29. JavaScript函数其三：分组中的函数表达式
30. JavaScript函数其四：函数构造器
31. JavaScript变量对象其一：VO的声明
32. JavaScript变量对象其二：VO在不同的执行上下文中
33. JavaScript变量对象其三：执行上下文的两个阶段
34. JavaScript变量对象其四：关于变量
35. JavaScript变量对象其五：__parent__ 属性
36. JavaScript作用域链其一：作用域链定义
37. JavaScript作用域链其二：函数的生命周期
38. JavaScript作用域链其三：作用域链特征
39. JavaScript闭包其一：闭包概论
40. JavaScript闭包其二：闭包的实现
41. JavaScript闭包其三：闭包的用法

本文地址：http://www.nowamagic.net/librarys/veda/detail/1642，欢迎访问原出处。