javascript オーバーライドを行う
- 2021.01.12
- javascript
- javascript

javascriptで、ES6(ECMAScript 2015)から利用することができるクラス構文のオーバーライドを行う方法を記述してます。
環境
- OS windows10 pro 64bit
- Apache 2.4.43
- ブラウザ chrome 84.0.4147.105
オーバーライド
以下のクラスを、継承してメソッドをオーバライドしてみます
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
class Hoge { constructor(num) { this._num = num; } // 静的メソッドの定義 calc() { return this._num + this._num; } } const hoge = new Hoge(3); console.log(hoge.calc()); // 6 |
継承してメソッドをオーバライドします。
1 2 3 4 5 6 7 8 9 |
class Foo extends Hoge { calc() { return this._num * this._num; } } const foo = new Foo(3); console.log(foo.calc()); // 9 |
ちゃんとメソッドがオーバライドされて、実行結果が変わることが確認できます。
-
前の記事
Ruby 配列をランダムに並び替える 2021.01.12
-
次の記事
rbenv install時に「ruby-build: TMPDIR=/xxx is set to a non-accessible location」が発生 2021.01.13
コメントを書く