JS中的原型与继承

感觉自己隔一段时间就对原型继承，__proto__, prototype, constructor 印象模糊了，所以今天决定写篇博客记录一下，方便以后查阅。

首先，prototype属性是属于构造器函数的，只有构造器函数才有prototype这个属性，而对象中有一个__proto__的属性与之相联系， 后面我在详细说明他们之间的联系。

先附上一张图：

由上图可以看出，每个构造器函数都有一个prototype属性，这个属性又指向了一个prototype对象，而这个prototype对象中又有一个constructor属性，这个属性指向了构造器函数。（换言之，就是说，构造器有一个prototype属性，这个属性是一个对象，而这个对象内部又有一个constructor属性，这个属性的默认值就是这个构造函数）。

那么，上面的内容和new运算符创建的对象又有什么联系呢？

首先，先说一下new运算符的执行过程：

var obj = new Object();    

上边的那一行代码其实是执行了下面三行代码

var obj = {};

obj.__proto__ = Object.prototype;

Object.call(obj);   //让构造函数里的this = obj;

注：__proto__这个属性是每个对象都有的属性，__proto__才是真正的原型对象（内置的原型对象，不能用JS直接访问），原型链也是通过它连接起来的。下面的讲解中我把它叫做inobj;

inobj就指向了构造函数的prototype对象。在构造函数的prototype对象中出现的任何属性或者函数都可以在obj对象中直接使用，这个就是javascript中的原型继承了。那么obj也可以直接访问constructor属性。

继承的实现很简单，只需要把子类的prototype设置为父类的一个对象即可。

这个就是传说中的原型链了,通过内置原型对象即inobj一层一层的往上找，直到找到相应的属性或返回null。