javascriptイベントハンドラをリファクタリングする - これは妥当なことですか？

Question

私は比較的大きなjavascriptアプリケーション（〜3k行のコード）を継承し、ちょうどparttime javascriptを行っています。私はすべてのjQueryイベントハンドラをより穏やかな組織に入れたいと思っています。これはかなり簡単リファクタリングになり、より良い、それを構造化すると思われる

function result_click(){ 
    var global_id=$(this).data('global-id'); 
    alert('here are the results of clicking: ' + global_id); 
} 

$(document).ready(function(){ 
    $('#click-here').on('click',result_click); 
}); 
</script> 
<div id='click-here' data-global-id='23'>click HERE!</div> 

：後

$('#click-here').click(function(){ 
    //a bunch of dom manipulations and with 30 of them makes the app fairly convoluted 
}); 

：前

：私はこのような何かを考えていました。イベント処理部分は、最も制御不能であるようです。これを行うには合理的な方法ですか？この点に着くと、これをbackbone.jsアプリにするのはかなり簡単です。

THX

Answer 1

はい、それは機能を事前に定義し、クリックイベントに関数への参照を渡すために良いことです。