美文网首页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

    相关文章

      网友评论

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

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