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));

JavaScript模块模式函数或jQuery委托

1 个答案: