对javascript 中(prototype, __proto__, constructor)的理解

一. 引言：javascript 中万物皆对象，只不过对象分为两种普通对象和函数对象，理解这个是前提(prototype, __proto__, constructor)就是围绕这个开展的。

举例说明：

o1 o2 o3 为普通对象，f1 f2 f3 为函数对象, 因为原型都是通过new Function()构造出来的对象，其中 Object 比较特殊是函数对象即 var object = new Object();  原型也是通过 new Function(); 创建的对象。

二. 原型对象

在javascipt中每定义一个函数对象的时候都会在其内部预定义一个 prototype属性,每定义一个普通属性的时候都会在其内部预定义一个__proto__属性 前面我们说过在javascript 中万物皆属性所以在函数对象中也会内置一个__proto__属性反过来在普通对象中却没有prototype属性。

原型对象其实就是普通对象（Function.prototype除外,它是函数对象，但它很特殊，他没有prototype属性（前面说道函数对象都有prototype属性）

所以 f1.prototype === new f1();  就是在f1创建的时候,创建了一个它的实例对象并赋值给它的prototype。所以，Function.prototype为什么是函数对象就迎刃而解了，上文提到凡是new Function ()产生的对象都是函数对象，所以temp1是函数对象。var temp1 = new Function ();   Function.prototype = temp1。

 那原型对象是用来做什么的呢？主要作用是用于继承。举了例子：
  var person = function(name){
   this.name = name
  };
  person.prototype.getName = function(){
     return this.name; 
  }
  var test = new person(‘Code_Nice’);
  test.getName();

 从这个例子可以看出，通过给person.prototype设置了一个函数对象的属性，那有person实例（例中：test）出来的普通对象就继承了这个属性。具体是怎么实现的继承，就要讲到下面的原型链了。

 三．原型链

JS在创建对象（不论是普通对象还是函数对象）的时候，都有一个叫做__proto__的内置属性，用于指向创建它的函数对象的原型对象prototype。 console.log(test.__proto__ === person.prototype) //true
同样，person.prototype对象也有__proto__属性，它指向创建它的函数对象（Object）的prototype
     console.log(person.prototype.__proto__ === Object.prototype) //true
继续，Object.prototype对象也有__proto__属性，但它比较特殊，为null
     console.log(Object.prototype.__proto__) //null

疑点解释：
1.Object.__proto__ === Function.prototype // true
  Object是函数对象，是通过new Function()创建，所以Object.__proto__指向Function.prototype。

2.Function.__proto__ === Function.prototype // true
  Function 也是对象函数，也是通过new Function()创建，所以Function.__proto__指向Function.prototype。

3.Function.prototype.__proto__ === Object.prototype //true

Function.prototype是个函数对象，理论上他的__proto__应该指向 Function.prototype，就是他自己，自己指向自己，没有意义。
JS一直强调万物皆对象，函数对象也是对象，指向Object.prototype。Object.prototype.__proto__ === null，保证原型链能够正常结束。

我们把这个有__proto__串起来的直到Object.prototype.__proto__为null的链叫做原型链。如下图：

 

xmind 拓普下载链接