什么是原型
原型的本质实际上是一个json对象{},那么原型这个对象是哪里来的呢,实际上也是通过原型这个对象对应的构造函数实例出来的。那构造函数和普通的函数有什么区别呢?
构造函数是一种特殊的函数,可以通过new关键字实例出一个对象,如下所示:
function Person (name){
this.name = name;
}
let obj1 = new Person("lihua");
obj1就是通过构造函数new出来的实例对象,该对象包含构造函数中定义的属性和方法,通过new关键字创建的对象会默认返回当前对象,并且函数中的this指向当前创建的对象。
注意:如果没有用new执行的普通函数在没有指定返回值时,会默认返回undefined;this指向的是window。
- js中会根据一组特定的规则为该函数创建一个prototype属性,是一个指针,指向这个函数的原型对象,该对象会存在着通过构造函数new出来的实例对象的所有共用属性和方法。
Person.prorotype = {};
- 当使用构造函数new出来的实例对象obj1内部会获得一个内部属性proto,指向该构造函数的原型对象。
注意:这个连接是存在于实例对象的内部属性与构造函数的原型对象之间,而不是与构造函数之间。
obj1.__proto__ === Person.prototype; // true
- 构造函数的实例对象obj1都会获得一个内部属性constructor,指向构造函数。
obj1.constructor === Person; // true
- 默认情况下,所有的原型对象都会自动的获得一个constructor(构造函数)属性,这个属性是一个指向prototype函数所在函数的指针。
Person.prototype.constructor === Person; // true
对于以上理解如下图所示:什么是原型链
原型链类似于作用域链,如上图红色虚线区域内所示,如果在对象obj1上面寻找某个属性或者方法没有找到,那么会继续向该对象的原型对象Person.prototype上寻找,如果还没有,继续向Object.prototype寻找,就这样一级一级的找下去,形成一条原型链,直到找到想要的结果停止,或者查到原型链的顶端,结果为没有找到。