JavaScript module pattern function or jQuery delegate

Question

I'd loike to know which solutions better to use module pattern or write a handle function for an input element action?

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

or

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

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

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

What is the better solution or there is another more better one, please?

Pommesloch · Accepted Answer · 2017-07-24 09:59:02Z

1

I prefere a pattern like this...

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

answered Jul 24, 2017 at 9:59

Pommesloch

5125 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

sada Over a year ago

Thanks for your comment.

Collectives™ on Stack Overflow

JavaScript module pattern function or jQuery delegate

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related