美文网首页JavaScript技术
ES6学习(10)ES6的继承

ES6学习(10)ES6的继承

作者: 哆啦C梦的百宝箱 | 来源:发表于2022-05-13 11:06 被阅读0次
  1. extends 继承父类(原型上的一些方法);
  2. super 调用父级构造方法;
// ES6class类继承
class Phone{
  constructor(brand,price) {
    this.brand = brand;
    this.price = price;
  }
  call(){
    console.log("我可以打电话!");
  }
}
class SmartPhone extends Phone{
    // 构造函数
    constructor(brand,price,color,size) {
      super(brand,price); // 调用父类构造函数
      this.color = color;
      this.size = size;
    }
    photo(){
      console.log("我可以拍照!");
    }
    game(){
      console.log("我可以玩游戏!");
    }
}
const chuizi = new SmartPhone("小米",1999,"黑色","5.15inch");
  1. 子类对父类同名方法重写,直接写,直接覆盖,就无法获取到父类的同名方法了。
  2. 在class上写的方法实际上是在原型对象上面,构造函数中的属性,依然会成为子对象的自有属性。
  3. 多个实例共用的属性应该怎么设置呢?这就需要用到静态成员,加static关键字,当然获取的时候也只能通过类名去获取。
  4. 构造函数统一更名为contructor,也就是一new,就会自动调用的方法。
    https://blog.csdn.net/qq_48648782/article/details/118555970

相关文章

  • es5 es6静态方法、类、单例模式

    es5中的类和静态方法 es5继承 es6中的类 es6里面的继承 es6里面的静态方法 es6单例模式 转载:h...

  • react组件

    es6 的class类的继承 运用es6 class继承 通过继承React.Component类来定义一个组件

  • ES6学习(10)ES6的继承

    extends 继承父类(原型上的一些方法); super 调用父级构造方法; 子类对父类同名方法重写,直接写,直...

  • 继承方式

    es6的继承: es6的继承写法简洁方便,十分直观。 es5的继承:(只推荐组合继承--最常用) 组合继承 除了S...

  • ES6的面向对象

    ES6面向对象 [TOC] 继承:

  • 构造函数

    es5 es6 继承

  • ES6之类的方式完成继承

    继承 在ES6之前要完成继承,需要写很多的代码。看下面的继承的例子: 1 继承的基本写法 如果在ES6通过类的...

  • 继承

    老版继承 call () ES6继承 extends 继承super 超类/父类

  • 13.ES6面向对象之继承

    ES6中面向对象可以继承:1、ES6中的继承使用关键字 extends2、调用父类构造使用super() 案例

  • JavaScript的多态和封装

    在之前的文章中我们已经介绍了JavaScript的继承包含了ES5和ES6的版本。 ES5继承 传送门 ES6继承...

网友评论

    本文标题:ES6学习(10)ES6的继承

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