about moduler pattern in javascript

Question

I have one more question, if I use jquery.js in the head section then do I need to put document. ready as following or it will do without it.

var myModule = (function () {
  "use strict";

  var _privateProperty = "Hello World";
  var publicProperty = "I am a public property";

  function _privateMethod() {
    console.log(_privateProperty);
  }

  function publicMethod() {
    _privateMethod();
  }

  return {
    publicMethod: publicMethod,
    publicProperty: publicProperty,
  };
})();

$(document).ready(function () {
  myModule.publicMethod(); // outputs 'Hello World'
  console.log(myModule.publicProperty); // outputs 'I am a public property'
  console.log(myModule._privateProperty); // is undefined protected by the module closure
  myModule._privateMethod(); // is TypeError protected by the module closure
});

if your functions are jQuery, you need put them inside of .ready or .load fnc because you need jQuery initialized — daremachine
– daremachine, Commented Jul 21, 2020 at 11:55
Depends on what your module does. The module in your snippet does not interact with the DOM at all, so it doesn't need jQuery either. — Bergi
– Bergi, Commented Jul 21, 2020 at 12:24

Mark · Accepted Answer · 2020-07-21 11:55:37Z

1

Per jQuery docs:

A page can't be manipulated safely until the document is "ready." jQuery detects this state of readiness for you.

This is only true for DOM operations. If you need to access the DOM, then yes, you need to wait for the event.

answered Jul 21, 2020 at 11:55

Mark

5416 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

about moduler pattern in javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related