JavaScript code not executed inside a function

Question

Why the code inside the app.init() function not executed?

(function () {
  
  console.log('loaded here');

  function ready(callbackFunction){
    if (document.readyState != 'loading')
      callbackFunction(event)
    else
      document.addEventListener("DOMContentLoaded", callbackFunction)
  }

  var app = function (options) { 
    var app = this,
          version = 1.00;
 
    app.init = function () {
      console.log('not loaded here');
      console.log(window);
    }

    app.init();
  };
  
  ready(event => {
    console.log('dom is loaded');
    window.myApp = function (opt) { return new app(opt); };
  });
  
})();

Edward Romero · Accepted Answer · 2020-09-08 16:03:54Z

3

you are never calling window.myApp as a function, instead right now you're just declaring it. Change to the following,

(function () {
  
  console.log('loaded here');

  function ready(callbackFunction){
    if (document.readyState != 'loading')
      callbackFunction(event)
    else
      document.addEventListener("DOMContentLoaded", callbackFunction)
  }

  var app = function (options) { 
    var app = this,
          version = 1.00;
 
    app.init = function () {
      console.log('not loaded here');
    }

    app.init();
  };
  
  ready(event => {
    console.log('dom is loaded');
    var opt = {};
    window.myApp = new app(opt);
  });
  
})();

answered Sep 8, 2020 at 16:03

Edward Romero

3,1241 gold badge7 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

JavaScript code not executed inside a function

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