「JavaScript」extendsでクラスの継承を利用する方法

2022年5月20日

書式
class ChildClass extends ParentClass { 処理コード }
extends キーワードはクラス宣言やクラス式の中で、他のクラスの子であるクラスを生成するために使用します。
使用例

class DateFormatter extends Date {

getFormattedDate() {

const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',

'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];

return `${this.getDate()}-${months[this.getMonth()]}-${this.getFullYear()}`;

}

console.log(new DateFormatter('August 19, 2022 18:15:30').getFormattedDate());

class DateFormatter extends Date { getFormattedDate() { const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; return `${this.getDate()}-${months[this.getMonth()]}-${this.getFullYear()}`; } } console.log(new DateFormatter('August 19, 2022 18:15:30').getFormattedDate());

class DateFormatter extends Date {

  getFormattedDate() {
    const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
      'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
    return `${this.getDate()}-${months[this.getMonth()]}-${this.getFullYear()}`;
  }

}

console.log(new DateFormatter('August 19, 2022 18:15:30').getFormattedDate());

実行結果

> "19-Aug-2022"

> "19-Aug-2022"

JavaScript

Posted by arkgame

関連投稿: