无法在函数内部执行JavaScript代码

如何解决无法在函数内部执行JavaScript代码

为什么app.init()函数内部的代码未执行？

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

解决方法

您永远不会将window.myApp调用为一个函数，而是现在只是在声明它。更改为以下内容，

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