javascript - 初めてJavascriptを正しく書く

Question

私はしばらくの間、jQuery を使用して Javascript を作成してきました。思い通りに Javascript を作成することはできますが、実際に再利用可能またはモジュール化されたものを作成したことはありません。今度は、その一歩を踏み出し、再利用可能な適切な Javascript を作成します。

数え切れないほど実装してきたもの、削除の確認ダイアログから始めようと思いました。確認時に実行する関数とキャンセル時に実行する関数を指定できるようにしたい。

これが機能していると私が考える方法（そしてこれは批判にさらされています）は、次のようなことをすることです：

$(element).confirmDialog(function(){
    // this is the cancel callback
},
function(){
    // this is the confirm callback
});

また、毎回ハンドラーを記述するのではなく、リンクのデータ属性に基づいてダイアログを表示したいのですが、特定のものを処理する関数と.on('click'...「リンク」する方法がわかりません。confirmDialog.on('click'...

これは私がこれまでに得た限りです。confirmDialog()として定義する必要がある要素に機能を追加できるようにしたいので、 $.fn.confirmDialog = function(){...}.

全体をその場しのぎの方法で実装することはできますが、この機能を明確に定義された疎結合の再利用可能なモジュールとして実装する方法については確信が持てません。

誰かがこのモジュールを構築する方法を理解するのを手伝ってくれますか、または特に再利用可能な Javascript の作成に関する非常に完全なチュートリアルへのリンクを提供してくれませんか?