javascript高阶知识(es5.es6继承)

2 篇文章 0 订阅
1 篇文章 0 订阅
继承的相关概念

1.继承使得子类拥有了父类的属性和方法[tu]

2.子类函数构造出的对象具有父类对象的属性和方法
3.注意区分实列属性与继承.继承要隔一层(需要两次以上的原型搜索)[tu]
如:
a=new Array()
a.valueOf()是继承的
a.push()是实例属性
在这里插入图片描述

--
在这里插入图片描述

1.能产生对象的东西(构造函数)就叫类
2.
es5实现继承[土]在这里插入图片描述

functio Human(name){
    this.name=name;
}
Human.prototype.run=function(){}
function Man(){
    Human.call(this,name)
    this.xingbie="nan"
}
Man.prototype.__proto__=Human.prototype    //链接原型链,但ie不支持
//代替方法
function f(){}
f.protype=Human.protype
Man.protype=new f()

3.es6类实现继承

class Human{

  construtor(name){this.name=name}
  run(){console.log('555');return undefined;}//定义在源性上方法
  xingbie(){return '男'} //es6在原型上生声明一个非方法属性方式.es5=>xingbie="南"

}

class Man extends Human{   //extends链接原型连=>Man.prototype.__proto__=Human.__proto__
  contrutors(name){
    super(name)  //Human.call(this,name),调用构造函数
    this.xingbie="男"
   }

  fight(){}

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值