JavaScriptで状態が変わると呼び出されるイベントリスナーの作り方

Question

グラフィカルユーザーインターフェイスのあるプログラムをあまり書いたことがないのですが、自作のクラスから生成されたオブジェクトの状態が変わるたびに描画する関数を呼び出すために素の JavaScript? にある onclick や onload のようなイベントハンドラー？リスナー？を作るにはどうすれば良いのでしょうか？
もう少し具体的に書くと、

class GameState {
    constructor(state) {
        this.state = state;
    }
    change(state) {
        this.state = state;
    }
}

game_state.onchanged = () => {
    render(game_state);
};

let game_state = new GameState("aaa"); 
game_state.change("bbb"); // render が呼ばれる

のようなことをしたいです。
ブラウザのJavaScript環境は普通のブラウザで動く最新のものだけ考慮すれば良いです。

Answer 1

プロパティ監視は二通りの実装があります。

• get/set キーワードで getter,setter を定義し、値の実体を WeakMap でプライベートプロパティを定義する要領で実装する
• new Proxy でプロパティ監視

イベントハンドラへの引き渡しは、お好きな方法を選択して下さい。

• コールバック関数で渡す
• dispatchEvent
• 独自のイベント駆動classを定義

Re: Paalon さん

Answer 2

自作のchange処理にrenderを記載すればよいのでは？

Comments

[Paalon]

場合によって異なるrenderの関数を渡したいので後から変更できるようにしたいです。

Answer 3

関数を登録するメソッドを作って、当該（change）動作の時に登録した関数を全て実行すればよいのでは。