これは本当に私をイライラさせています。ライブラリを使用せずにカスタム JavaScript アプリを構築しようとしています。これは主に、より良いコア JavaScript と JavaScript パターンを学ぶためのものです。私は MVC 構造を実装しようとしており、パーツを個別に理解していますが、私の人生では、ビューとコントローラーを接続する方法がわかりません。たとえば、次のコードがある場合:
<div>
<button id="button1">Click Me</button>
<button id="button2">Click Me</button>
<button id="button3">Click Me</button>
</div>
各ボタンのクリックをリッスンして応答するように controller.js ファイルを作成するにはどうすればよいでしょうか。特に、各ボタンが他のボタンとはまったく異なることを行う場合. button1 は単に google.com にリンクし、button2 はモーダル ボックスを開き、button3 はデータベース テーブルを更新するとします。そのため、それぞれがまったく別のことを行っています。私が避けようとしているのは、jQuery を使用してこのようなことを行うことです。
$('#button1').click(function(){
//go to google.com
});
$('#button2').click(function(){
//open modal box
});
$('#button3').click(function(){
//update database
});
特に MVC 構造を使用しようとする場合、これはあまり効率的ではないようです。これを書くために従うことができるいくつかの異なるデザインパターンでさえ、よりスムーズな方法はありますかこれはライブラリのないコア JavaScript ですか? 私は記事を見つけるためにネットを精査しましたが、見つけたものはすべてライブラリに大きく依存しています。
このようなことを明確に説明する本、チュートリアル、ブログ投稿、または同様のものは大歓迎です。こつをつかめたら、大衆向けに本を書くかもしれません。
繰り返しますが、コミュニティの助けは常に高く評価されています。