ES6--class类

我会带着你远行 2022-12-06 12:37 371阅读 0赞

class类的使用详解
1.通过class定义类/实现类的继承
2.在类中通过constructor重新定义类
3.通过new来创建类的实例
4.通过extends来实现类的继承
5.通过super来调用父类的构造方法
6.重写从父类中继承的一般方法
例:

  1. // function Person(name,age){
  2. // this.name = name;
  3. // this.age = age;
  4. // }
  5. class Person{
  6. constructor(name,age){
  7. this.name = name;
  8. this.age = age;
  9. }
  10. //类的一般方法
  11. showName(){ //必须使用简写模式
  12. console.log("调用父类的方法");
  13. console.log(this.name);
  14. }
  15. }
  16. let person = new Person('wt',21);
  17. console.log(person);
  18. person.showName();
  19. //子类
  20. class StarPerson extends Person{
  21. constructor(name,age,salary){
  22. super();//调用父类的构造方法
  23. this.name = name;
  24. this.age = age;//name和age必须有,否则是undefined
  25. this.salary = salary;
  26. }
  27. showName(){//子类方法重写
  28. console.log("调用子类的方法");
  29. }
  30. }
  31. let p1 = new StarPerson('xz',29,1000000);
  32. console.log(p1);
  33. p1.showName();//子类有就调用子类的,父类有就调用父类的

发表评论

表情:
评论列表 (有 0 条评论,371人围观)

还没有评论,来说两句吧...

相关阅读

    相关 ES6中新增class

    我们都知道JavaScript是弱类型的语言,其缺陷就是缺乏严谨性,但是在JavaScript发展的过程中需要慢慢的弥补这些缺陷,于是便在ES6中出现了类的概念。 文

    相关 ES6 class

    ES6中的类 js中生成实例对象的传统方法是通过构造函数。而ES6提供了更接近传统语言的写法,引入了class类这个概念,作为对象的模板,通过class类关键字,可以定义

    相关 ES6 class的继承

    类的继承:`extends`关键字用于[类声明][Link 1]或者[类表达式][Link 2]中,以创建一个类,该类是另一个类的子类。 `extends`关键字用来创建一个

    相关 ES6--Class

    Class概述 概述 在ES6中,class (类)作为对象的模板被引入,可以通过 class 关键字定义类。 class 的本质是 function。 它可以