単一のWebページに、簡単なイベントハンドラを3つ、4つ程書きたい。 でもJavaScriptフレームワークを使う程の規模ではない。 本能の赴くままにイベントハンドラを書いてたら、訳が分からなくなってきた。 触るとバグりそうなので、もう触りたくない。 上記のようなこと、あると思います。というか、今の自分です。 サラッと見通しよく書きたいなぁ…ということで、簡単なサンプルを書いてみました。 var model = { flg: true, // 初期値 change: function() { if(this.flg) { this.flg = false; } else { this.flg = true; } } } まずモデルは、データ層として考える。プロパティ ＝ アプリが保持すべきデータ。 条件分岐はモデルでやる。 例えば、ファミコンのボタンが押されたら、その「ボタンを押した」とい