原型
每个函数都有prototype属性,称之为原型;
因为这个属性的值是一个对象,所以也称为原型对象。
作用:
- 存放一些属性和方法
- 在JavaScript中实现继承
举一个例子:
const arr = new Array(1, 2, 3);
arr.reverse(); //翻转
arr.sort(); //排序
上述代码中,arr实例对象之所以可以使用reverse和sort方法,是因为原型的存在。
分析:
构造函数Array会有一个属性Array.prototype(原型对象),在Array.prototype上挂在着很多方法(例如:Array.prototype.pop()、Arrary.prototype.push()、Arrary.prototype.shift()等等。。),所以,我们可以通过构造函数Array,生成一个实例arr,那么实例arr就可以就可以使用原型Array.prototype上的方法了。
原型链
proto:每个对象都有_proto_属性
作用:这个属性指向它的原型对象
const arr = new Array(1, 2, 3);
arr.reverse(); //翻转
arr.sort(); //排序
console.log(arr._proto_ === Array.prototype) //true
原型链详细举例:
每个构造函数都有一个prototype属性,那么Person也有一个prototype属性,这个属性叫原型对象。
每个对象都有一个_proto_属性指向它的原型(prototype),那么person也有一个_proto_属性指向person的原型(Person.portotype)。
当person调用某个成员属性或者成员方法时,Person.prototype上没有。由于Persion.prototype这个对象也会有一个_proto_属性指向它的原型Object.prototype,如果Object.prototype没有,Object.prototype有个_proto_属性,只不过Object.prototype._proto_指向null,所以最终会返回null。
综上所述,通俗地讲,_proto_链接的这条路线就是原型链了。
原型链视频讲解链接,这个有可能会失效哦!