ES6学习(10)ES6的继承

简介: ES6学习(10)ES6的继承
  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");
    
  3. 子类对父类同名方法重写,直接写,直接覆盖,就无法获取到父类的同名方法了。
  4. 在class上写的方法实际上是在原型对象上面,构造函数中的属性,依然会成为子对象的自有属性。
  5. 多个实例共用的属性应该怎么设置呢?这就需要用到静态成员,加static关键字,当然获取的时候也只能通过类名去获取。
  6. 构造函数统一更名为contructor,也就是一new,就会自动调用的方法。
相关文章
|
7月前
|
JavaScript
es5和es6的区别
es5和es6的区别
63 0
|
7月前
|
存储 JavaScript 前端开发
|
2月前
|
安全
ES5/ES6 的继承除了写法以外还有什么区别
ES5 和 ES6 的继承主要区别在于实现机制和语法糖。ES5 通过原型链和构造函数模拟类的继承,而 ES6 引入了 class 关键字,使继承更加直观和简洁,支持 super 调用父类方法,提升了代码可读性和维护性。
|
7月前
|
前端开发
es6的一些方法
es6的一些方法
43 0
|
7月前
ES5、ES6类的定义
ES5和ES6都支持类的定义,但ES6引入了更简洁的语法。在ES5中,类是函数,方法绑定在原型上;而ES6使用`class`关键字,构造方法为`constructor`,方法直接定义在类内。ES6的类继承使用`extends`关键字,子类需调用`super`初始化父类属性。示例展示了Person类及其Student子类的定义和方法调用。
48 1
|
7月前
ES6学习之对象
ES6学习之对象
|
7月前
|
前端开发 JavaScript API
ES6和ES5的区别
ES6和ES5的区别
54 0
|
7月前
es6学习笔记(三)对象
es6学习笔记(三)对象
ES5的继承和ES6的继承有什么区别
ES5的继承和ES6的继承有什么区别
76 0