javascript オーバーライドを行う

2021.01.12
javascript
javascript

javascriptで、ES6（ECMAScript 2015）から利用することができるクラス構文のオーバーライドを行う方法を記述してます。

1. 環境
2. オーバーライド

環境

OS windows10 pro 64bit
Apache 2.4.43
ブラウザ chrome 84.0.4147.105

windows10にApacheのインストール

オーバーライド

以下のクラスを、継承してメソッドをオーバライドしてみます

class Hoge {

  constructor(num) {
    this._num = num;
  }

  // 静的メソッドの定義
  calc() {
    return this._num + this._num;
  }
}

const hoge = new Hoge(3);

console.log(hoge.calc()); // 6

class Hoge {

constructor(num) {

this._num = num;

}

// 静的メソッドの定義

calc() {

return this._num + this._num;

}

const hoge = new Hoge(3);

console.log(hoge.calc()); // 6

継承してメソッドをオーバライドします。

class Foo extends Hoge {
  calc() {
    return this._num * this._num;
  }
}

const foo = new Foo(3);

console.log(foo.calc()); // 9

class Foo extends Hoge {

calc() {

return this._num * this._num;

}

const foo = new Foo(3);

console.log(foo.calc()); // 9

ちゃんとメソッドがオーバライドされて、実行結果が変わることが確認できます。

javascript オーバーライドを行う

環境

オーバーライド

Ruby 配列をランダムに並び替える 2021.01.12

rbenv install時に「ruby-build: TMPDIR=/xxx is set to a non-accessible location」が発生 2021.01.13