js中原型链的继承

方式1:
1.定义父类型构造函数
2.给父类型的原型添加方法
3.定义子类型的构造函数
4.创建父类型的对象赋值给子类型的原型
5.将子类型原型的构造属性设置为子类型
6.给子类型原型添加方法
7.创建子类型的对象:可调用父类型的方法
子类型的原型是父类型的一个实例对象

//父类型
function Supper(){
	this.supper = "Supper Property";
}
Supper.prototype.showSupper = function(){
	console.log(this.supper);
}
//子类型
function Sub(){
	this.sub = "Sub Property";
}
//子类型的原型为父类型的实例对象
Sub.prototype = new Supper();
Sub.prototype.showSub = function(){
	console.log(this.sub);
}
var sub = new Sub();
sub.showSub();
sub.showSupper();
console.log(sub.constructor);//输出的是父类
//如果想要让它指向sub必须添加 Sub.prototype.constructor = Sub;

方式2:用构造函数继承
1.定义父类构造函数
2.定义子类型构造函数
3.在子类型构造函数中调用父类型构造
在子类型构造函数中使用call()调用构造函数

function Person(name,age){
	this.name = name;
	this.age = age;
}
function Student(name,age,price){
	Person.call(this.name,this.age);
	this.price = price;
}
var s = new Student('Mary',20,8000);  

方式3:
原型链+借用构造函数的组合继承
1.利用原型链实现对父类型对象的方法继承
2.利用super()借用父类型构造函数初始化相同属性

function Person(name,age){
	this.name = name;
	this.age = age;
}
Person.prototype.setName = function(name){
		this.name = name;
}
function Student(name,age,price){
	Person.call(this.name,this.age);
	this.price = price;
}
Student.prototype = new Person();//为了能看到父类方法
Student.prototype.constructor = Student;//让constructor指向子类
Student.prototype.setPrice = function(price){
	this.price = price;
}
var s = new Student('Mary',20,8000);  
s.setName('ww');
s.setPrice(7000);
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值