感觉自己隔一段时间就对原型继承,__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。