JavaScript 模块模式函数或 jQuery 委托(delegate)

Question

我想知道哪些解决方案更好地使用模块模式或为输入元素操作编写句柄函数？

<button type="button" onClick="main.update.buttonClick">Click</button>

(function($) { 
 'use strict'; 
 window.main.update = window.main.update || ();

 main.update.init = function() { ... };

 main.update.buttonClick = function() { ... }; })(jQuery);

或

 <button id="update" type="button">Click</button>

(function($) { 
 'use strict'; 
 window.main.update = window.main.update || ();

 main.update.init = function() { 
  $("#update").on("click", functio() { ... });
 };

请问有什么更好的解决方案或者还有其他更好的解决方案？

Answer 1

我更喜欢这样的模式...

'use strict';

 (function ($) {

    function doStuffHere() {
        // Do stuff here
    }

    function init() {
        $(window).on('whatever', function () {
            // Trigger the above on what you want and call function
            function doStuffHere();
         }
    }

    // This shorthand for call function init() on dom ready
    $(init);

 }(jQuery));