函数的继承

1.通过原型实现继承,改变原型的指向,初始化多个对象时属性值一样

//动物的构造函数
function Animal(name,weight){
	this.name=name;
	this.weight=weight;
}
Animal.prototype.eat=function(){
	console.log("天天吃东西")
}
//狗的构造函数
function Dog(color){
	this.color=color;
}
//改变原型的指向,实现继承
Dog.prototype=new Animal("泰迪","10kg");
//先改变原型指向,再创建新的方法
Dog.prototype.bitePerson=function(){
	console.log("汪汪")
}
var dog=new Dog("黄色");
console.log(dog.name,dog.weight,dog.color)
dog.eat()
dog.bitePerson()

2.借用构造函数实现继承,不能继承方法

//动物的构造函数
function Animal(name,weight){
	this.name=name;
	this.weight=weight;
}
//狗的构造函数
function Dog(name,weight,color){
	//1、借用构造函数 (call方法)
	//Animal.call(this,name,weight)
	//2、借用构造函数 (apply方法)
	Animal.apply(this,arguments)
	this.color=color;
}
var dog=new Dog("泰迪","10kg","黄色");
console.log(dog.name,dog.weight,dog.color)

3.组合继承(改变原型的指向+借用构造函数)

//动物的构造函数
function Animal(name,weight){
	this.name=name;
	this.weight=weight;
}
Animal.prototype.eat=function(){
	console.log("天天吃东西")
}
//狗的构造函数
function Dog(name,weight,color){
	//借用构造函数
	Animal.call(this,name,weight)
	this.color=color;
}
//改变原型指向
Dog.prototype=new Animal();
Dog.prototype.bitePerson=function(){
	console.log("汪汪")
}
var dog=new Dog("泰迪","10kg","黄色");
console.log(dog.name,dog.weight,dog.color)
dog.eat()
dog.bitePerson()

4.拷贝继承,把一个对象中的原型的所有属性和方法复制一份给另一个对象(浅拷贝)

function Animal(){
}
Animal.prototype.name="泰迪"
Animal.prototype.weight="10kg"
Animal.prototype.eat=function(){
	console.log("天天吃东西")
}
var animalObj={}
for(var key in Animal.prototype){
	if(animalObj[key]==undefined){
		animalObj[key]=Animal.prototype[key]
	}
}
console.log(animalObj.name,animalObj.weight)
animalObj.eat()
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值