JavaScript レッスン9
クラスとOOP
クラス構文を使ったオブジェクト指向プログラミングを学ぼう
クラスとは
クラスは「設計図」のようなものです。同じ構造を持つオブジェクトを効率的に作成できます。 ES6で導入されたクラス構文は、プロトタイプベースの継承をわかりやすく記述できます。
class— クラスの宣言constructor— コンストラクタ（初期化処理）- メソッド — クラスに属する関数
extends/super— 継承static— 静的メソッド・プロパティget/set— ゲッター・セッターinstanceof— 型チェック
クラスの基本と継承
クラスの定義、コンストラクタ、継承を学びましょう。
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.htmllazy
1 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。
static・getter/setter
静的メソッドとアクセサを使いこなしましょう。
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.htmllazy
1 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。
自由に試してみよう
クラスを使ってキャラクター管理システムを作ってみましょう。
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.htmllazy
6 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。