美文网首页
javascript中ES6的class写法

javascript中ES6的class写法

作者: Hi小胡 | 来源:发表于2018-01-17 14:34 被阅读54次

在ES6中,javascript实现类定义类继承及类中定义变量构造方法一般方法静态方法

代码中均有注释

class Car{
  //Car的构造函数
  constructor(name){
    this.name = name;
  }
  
  //Car的一般方法getInfo
  getInfo(){
    console.log(this.name);
  }
  
  //Car的静态方法show
  static show(){
    console.log("car");
  }
}

class Bwm extends Car{
  //Bwm的构造函数
  constructor(name,type){
    //调用父类的构造方法
    super(name);
    this.type = type;
  }
  
  //Bwm的一般方法getInfo2
  getInfo2(){
    //返回父类的方法getInfo
    return super.getInfo();
  }
  
  //Bwm的静态方法show2
  static show2(){
    //返回父类的静态方法show
    return super.show();
  }
}

var car = new Car("car");
car.getInfo(); // car
Car.show(); // car

var bwm = new Bwm("bwm","ss");
bwm.getInfo2(); // bwm
Bwm.show2(); // car

相关文章

  • javascript中ES6的class写法

    在ES6中,javascript实现类定义、类继承及类中定义变量,构造方法,一般方法,静态方法 代码中均有注释

  • ES6 面向对象 class 类

    新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。 传统的写法 class ES6新写法...

  • 深入理解ES6中class的this指向

    在ES6中,引入了类似其他语言的类的写法:即class(类),作为类对象模板。ES6 的class可以看作一个语法...

  • 关于class

    关于class ES6 通过class 关键字,可以定义类。新的class写法让对象原型写法更加清晰,更像面向对象...

  • class继承

    ES6提供了更接近传统语言的写法,引入了Class(类)这个概念。新的class写法让对象原型的写法更加清晰、更像...

  • ES6-class

    ES6提供了更接近传统语言的写法,引入了class(类)这个概念。新的class写法让对象原型的写法更加清晰、更像...

  • react 中 class 和 createClass的区别

    class 是ES6中的写法,如果想要创建组件却不使用ES6,那就使用(ES5)createClass。 前者组件...

  • 2JavaScript设计模式--class/extends

    ES6语法 类 class ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板...

  • JS面试题

    1.ES5和ES6的关于构造函数的区别 Es6中的class语法就是Es5中构造函数的另一种写法,一种更高级的写法...

  • 第三十二节: ES6 Class类

    1. ES6 Class 类 ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板...

网友评论

      本文标题:javascript中ES6的class写法

      本文链接:https://www.haomeiwen.com/subject/gfcuoxtx.html