浅谈原型与原型链

原型与原型链

全局对象window

ECMAScript 规定全局对象叫做 global，但是浏览器把 window 作为全局对象（浏览器先存在的）
window 就是一个哈希表，有很多属性。window 的属性就是全局变量。
这些全局变量分为两种：

1. 一种是 ECMAScript 规定的

   • global.parseInt
   • global.parseFloat
   • global.Number
   • global.String
   • global.Boolean
   • global.Object

2. 一种是浏览器自己加的属性

   • window.alert（弹框提示）
   • window.prompt（用户填写）
   • window.confirm （用户确认）
   • window.console（开发者调试）
   • window.document（文档）
     window.document.createElement
     window.document.getElementById
   • window.history（浏览器历史对象）

所有API都可以在MDN上找到详细的资料。

ctrl + shift + j 进入控制台，输入·window`按回车，可以一睹window的真容。

全局函数

• Number

var n = new Number(1) //创建一个Number对象

同理，String,Boolean,Object都用同样的结构创建对象。即构造函数，构造对象的函数。
问题：1 与 new Number(1)有何区别？可以画内存图理解。前者利用栈内存，后者利用堆内存。

公用的属性在哪

所有对象都有 toString 和 valueOf 属性，那么我们是否有必要给每个对象一个 toString 和 valueOf 呢？

明显不需要。

JS 的做法是把 toString 和 valueOf 放在一个对象里（暂且叫做公用属性组成的对象）

然后让每一个对象的 proto 存储这个「公用属性组成的对象」的地址。

var obj = { name : yyy }
yyy.__proto__ === Object.prototype.

Object.prototype即包含对象公用属性的原型.
同理

var num = new Number(1)
num.__proto__ = Number.prototype
num.__proto__.__proto__ = Object.prototype

重要公式

var 对象 = new 函数（）
对象.__proto__ === 对象的构造函数.prototype

推论

var number = new Number()
number.__proto__ = Number.prototype


var object = new Object()
object.__proto__ = Object.prototype


var function = new Function()
function.__proto__ = Function.prototype

// 另外，所有函数都是由 Function 构造出来的，所以
Number.__proto__ = Function.prototype // 因为 Number 是函数，是 Function 的实例
Object.__proto__ = Function.prototype // 因为 Object 是函数，是 Function 的实例
Function.__proto__ == Function.prototye // 因为 Function 是函数，是 Function 的实例！

内存图解决一切想当然。

容易混淆

Object.__proto__ === Function.prototype
Object.prototype.__proto__ === null