学习笔记——super的用法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了学习笔记——super的用法相关的知识,希望对你有一定的参考价值。

参考文档:

https://developer.mozilla.org/zh-CN/docs/Web/javascript/Reference/Operators/super

使用方法1:super就是调用一下父类的构造函数

在类继承extends时,如果子类中存在构造函数,则必须在使用"this"之前首先调用super( ) 不然会报错。

class myDate2 extends Date {
  constructor() {
   // 少了super,而下文中使用了this
  }

  getFormattedDate() {
    var months = [‘Jan‘,‘Feb‘,‘Mar‘,‘Apr‘,‘May‘,‘Jun‘,‘Jul‘,‘Aug‘,‘Sep‘,‘Oct‘,‘Nov‘,‘Dec‘];
    return this.getDate() + "-" + months[this.getMonth()] + "-" + this.getFullYear();
  }
}

var x2 = new myDate2() // 报错,哪怕上面去除 getFormattedDate 方法依然会报错

使用super后不仅可以调用父类的构造函数,还可以直接通过super调用父类的方法。

使用方法2:调用父类上的静态方法

// 先介绍一下类的静态方法
//
1. static 关键字用来定义一个类的一个静态方法。 // 2. 调用静态方法不需要实例化该类,但不能通过一个类实例调用静态方法。 // 3. 静态方法通常用于为一个应用程序创建工具函数。 class Point { constructor(x, y) { this.x = x; this.y = y; } static distance(a, b) { const dx = a.x - b.x; const dy = a.y - b.y; return Math.hypot(dx, dy); } } const p1 = new Point(5, 5); const p2 = new Point(10, 10); console.log(Point.distance(p1, p2));

举例:

class Human {
  constructor() {}
  static ping() {
    return ‘ping‘;
  }
}

class Computer extends Human {
  constructor() {}
  static pingpong() {
    return super.ping() + ‘ pong‘; 
  }
}
Computer.pingpong(); // ‘ping pong‘

 

其他注意点:

不得使用delete删除super的属性/方法

一个属性定义为不可写时,super将不能重写这个属性的值。

 

 

 

 

 

 

 

以上是关于学习笔记——super的用法的主要内容,如果未能解决你的问题,请参考以下文章

Java中super关键字的作用与用法

Java学习笔记3.5.3 继承 - super关键字

js-ES6学习笔记-Class

JavaScript学习笔记(散)——继承构造函数super

学习笔记:python3,代码片段(2017)

片段中的 super.onCreateView