javascript クラスを作成してみる
- 2020.10.12
- javascript
- javascript

javascriptでも他の言語と同じようにクラスを実装することができるので、簡単なクラスを使用したサンプルコードを記述してます。
環境
- OS windows10 pro 64bit
- Apache 2.4.43
- ブラウザ chrome 84.0.4147.105
クラス使用
以下のように、javascriptでも他の言語と同じようにクラスを作成することが可能です。
1 2 3 4 5 6 7 8 9 10 11 12 13 |
class hoge { constructor() { console.log('コンストラクタを実行'); } foo() { console.log('fooを実行'); } } const bar = new hoge(); // コンストラクタを実行 bar.foo(); // fooを実行 |
以下のように継承することも可能です。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
class hoge { constructor() { console.log('コンストラクタを実行'); } foo() { console.log('fooを実行'); } } // 継承 class exhoge extends hoge { } const bar = new exhoge(); // 親クラスのコンストラクタを実行 結果は同じ bar.foo(); // 親クラスのfooを実行 結果は同じ |
またクラス内は、常にstrictモードとなります。
1 2 3 4 5 6 7 8 9 10 11 |
class hoge { constructor() { x = 1; // Uncaught ReferenceError: x is not defined console.log('コンストラクタを実行'); } foo() { console.log('fooを実行'); } } |
-
前の記事
Nuxt.js ライブラリ「vue-ctk-date-time-picker」を使用してDate Time Pickerを実装する 2020.10.12
-
次の記事
centos7 docker composeを利用してoctober cmsを構築するまでの手順 2020.10.13
コメントを書く