JS基础之原型

对象的声明

	var a = {}; //方法一
    var b = new Object(); //方法二

以上两种方式没有任何区别，但是a === b值为false，因为地址不一样。但是var a = {};var b = a;这样 === 是为true的，因为指向同一个地址。

原型

当我们声明一个Number类型的变量a，我们可以使用a.toFixed()方法，可是我们并没有给a定义toFixed()方法，那toFixed()是怎么来的呢？
答案是原型。在 JavaScript 中，每当定义一个对象（函数也是对象）时候，对象中都会包含一些预定义的属性。当我们在控制台中输入Number.prototype，会打印出Number对象的prototype：

其中就包括了toFixed()方法。以上方法都是预定义属性。
那么，变量a怎么访问Number.prototype的呢。是通过__proto__，可以在控制台输入a.__proto__打印出的就是Number.prototype，可以用===来对比，结果返回true：

当我们声明:var a = new Number(1);这句话时，a是对象，Number()是函数，可以理解为__proto__是对象属性，而prototype是函数属性，当然函数也是对象。
总结：执行a.toFixed()是，执行的是a.__proto__中的toString()。
String、Boolean对象与Number是一致的，这类对象称为特殊对象。而Object称为普通对象。

普通对象和特殊对象

• 普通对象是指Object，它直接指向共用的proto。Object的共用属性是所有对象的共用属性。
• 特殊对象是指String、Number和Boolean这种的对象。拿Number来说，它有一些特有的方法，比如parseInt()、parseFloat()，这些属性是它独有的，共用的proto是没有这些属性的。JS的处理方法是Number对象的__proto__指向存放这些特有方法的对象，然后存放特有方法的对象的__proto__指向普通对象的__proto__。

原型链

还是以上面的a为例a.hasOwnProperty(a)，居然返回false，但是Number.prototype(a.proto)中并没有hasOwnProperty方法，为什么可以调用hasOwnProperty？

其实是a.__proto__.__proto__中有hasOwnProperty()，当a.__proto__中找不到调用的方法时，就会去a.__proto__.__proto__中查找该方法，直到__proto__的值为null。
这里的a.__proto__.__proto__就指向Object.prototype，也就是a.__proto__.__proto__ === Object.prototype返回true。
String、Boolean同理。

那当我们声明var b = 1;的时候呢，这种声明方式是不是b就不能调用toFixed()方法了？
答案是可以调用的。当b调用toString()时，会生成一个临时变量，存放new Number(1)，然后将new Number(1).toString()后的值返回，再将temp从内存中清除，巧妙地解决了问题。n也可以使用其他Number内置对象，原理和toString()一样。

重要公式

注意大小写，number 和 Number 是不同的

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 的实例！