CLASS继承 ES6及上才有该方法

2018-11-2817:36:23WEB前端开发Comments2,149 views字数 702阅读模式

CLASS继承文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/8153.html

/*
*class:ES6及ES6以上才有该方法。
*class的出现将原型继承简化了很多,class的目的就是让定义类更简单。
*extends来继承对象,中间的原型之类的就可以免去,就可以继承扩展class
*/
用class创建对象
class Leader{
constructor(name){//constructor构造函数
this.name=name;
}
hello(){//定义在原型上的函数
alert('Hello, '+this.name+'!');
}
}
var liyi= new Leader('liyi');
liyi.name;//输出'liyi'
liyi.hello();//输出'Hello, liyi!'
用extends继承扩展
class extendLeader extends Leader{
constructor(name,grade,skill){//若是不扩展Leader的构造函数,就可以将constructor这一步省去
super(name);
this.grade=grade;
this.skill=skill;
}
run(){
console.log(this.name+'职位:'+this.grade+' 技能:'+this.skill);
}
}
var liyi=new extendLeader('liyi','研发经理','精通各种技术');
liyi.name;//'liyi'
liyi.grade;//'研发经理'
liyi.skill;//'精通各种技术'
liyi.hello;//'Hello, liyi!'
liyi.run();//'liyi职位:研发经理 技能:精通各种技术'文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/8153.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/8153.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/gcs/8153.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定