原型链继承

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(); //姓名:小明

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值