js系列三十:继承

本文介绍了JavaScript中的继承机制,通过原型链的概念,说明了如何从S端(起点)沿着原型链到达E端(终点)访问所有方法和属性,从而实现继承。继承主要分为构造函数继承和原型继承两部分。构造函数继承可以通过call或apply实现,而原型继承则是通过使子类原型成为父类的实例,从而访问父类的原型方法和属性。ECMAScript5提供了Object.create方法简化了原型继承的过程。

假设原型链的终点 Object.prototype 为原型链的 E (end)端,原型链的起点为 S 端,通过前面原型的学习我们知道,处于 S 端的对象,可以通过S - E 的单向查找,访问原型链上的所有方法与属性。这给继承提供了理论基础,我们只需要在 S 端添加新的对象,新的对象就能够通过原型链的访问到父级的方法与属性。因此要想实现继承,则也是一件非常简单的事情。
因为封装一个对象是由构造函数与原型共同组成的,所以继承也被分为有构造函数的继承与原型的继承两种。
假设已经封装好了一个父类对象Person,如下所示

var Person = function(name, age) {
	this.name = name;
	this.age = age;
}

Person.prototype.getName = function() {
	return this.name;
}

Person.prototype.getAge = function() {
	return this.age;
}

构造函数的继承比较简单,可以借助 call/apply来实现。假设想要通过继承封装一个Student的子类对象,那么构造函数的实现如下所示

var Student = function(name, age, grade) {
	Student.call(Person, name, age);
	this.grade = grade;
}

// 等价于
var Student = function(name, age, grade) {
	this.name = name;
	this.age = age;
	this.grade = grade;
}
博客
v8worker
05-08 2962
05-06 2944
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值