js中万物皆对象,每个对象都有一个隐式原型 proto ,指向创建它的构造函数的原型对象。
函数(构造函数)除了有一个隐式原型对象,还有一个属性prototype,它指向一个对象,这个对象就是原型对象,也叫显式原型。
原型对象有一个属性constructor,它指向这个构造函数本身。
原型链,就是为了实现js的继承,把实例对象的__proto__属性一层一层的指向它的构造函数的原型对象,直到它(Object.prototype)的原型对象为null。
定义一个构造函数Person作为父类,传入一个name属性,给原型对象添加一个getName的方法。
function Person(name){
this.name = name;
}
Person.prototype.getName = function(){
console.log("姓名"+this.name);
}
然后再定义一个构造函数Student,用以继承父类Person
function Student(name){
//call()用来改变this指向
Person.call(this,name);
//this.name = name;
}
var student = new Student("小明");
这个时候只是调用了Person的构造函数,不等同于继承了Person。
student实例对象的原型链关系
student => Student.prototype => Object.prototype => null
但是这不是想要的结果,要改成这样的
student => Student.prototype => Person.prototype => Object.prototype => null
所以要把Student的原型指向父类Person的一个实例对象
//创建一个父类构造函数的实例person
var person = new Person();
//把Student的原型指向新创建的 person实例
Student.prototype = person;
//也要把Student的构造函数修正为Student,
Student.prototype.constructor = Student;
//现在就可以正常的调用父类的方法了
student.getName(); //姓名:小明