創建Javascript庫不起作用

Question

這是我的代碼：

(function(window, myObj) {
  window.onload = myObj.onload;
})(window, function() {
  this.onload = function() {
    console.log('Loading...');
  };
});

但是它不起作用，當加載頁面時，Web控制台中沒有任何內容。 來人幫幫我！！！ 非常感謝！

Answer 1

讓我們分開這些功能。

var myFunc = function() {
  this.onload = function() {
    console.log('Loading...');
  };
};
(function(window, myObj) {
  window.onload = myObj.onload;
})(window, myFunc);

如我們所見， myFunc沒有在window.onload = myObj.onload上嘗試使用的方法onload

我們可以使用

(function(window, myObj) {
     window.onload = myObj.onload;
   })(window, new myFunc()); // here myObj.onload will be availabel

或者我們可以在myFunc定義static的onload myFunc

var myFunc = function() {
};
myFunc.onload = function() {
    console.log('Loading...');
};
(function(window, myObj) {
  window.onload = myObj.onload;
})(window, myFunc);

Answer 2

您傳遞的函數不是對象。 因此它沒有onload方法。您可以使用new運算符創建一個對象。

 function Fun(){ this.onload = function() { console.log( 'Loading....' ); } } (function( window, myObj ){ window.onload = myObj.onload; })( window, new Fun() );