js类的继承-构造函数继承和原型链继承(图解)

javaScript类的继承

1.构造函数继承
2.原型链继承
3.组合继承

1.构造函数继承

function Dog(name,age){
			this.name=name;
			this.age=age;
			this.sayName=function(){
				console.log("my name is"+this.name)
			}
			var d1=new Dog("旺财",1);//my name is 旺财
			d1.sayName();
			console.log(d1);//Dog[name:旺财,age:1,sayName:[Funtion]]
		}

构造函数继承图解
子构造函数的实例指向父构造函数的原型

2.原型链继承

function Animal(){
			this.name="旺财"
			}
		function Dog(){
			this.age=12;
		}
		Dog.prototype=new Animal();
		var d1=new Dog();
		console.log(d1) // Dog[name:"旺财",age"12]
	}

原型链图解
原型链继承的概念就是:子构造函数的原型指向父构造函数的实例

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值