如何在几个文件中拆分javascript对象定义

Question

假设我在一个文件View.js中定义了一个Object View原始文件：

      var View = (function () {

      function View() {
      }

       View.prototype.SubFunc = function() {

      }   

      return View;
  })();

现在我希望能够分成两个文件：

View.js

  var View = (function () {

      function View() {
      }

      return View;
  })();

和SubFunc.js

      View.prototype.SubFunc = function() {

      }   

为什么它似乎不再起作用了？在执行期间，我收到此错误：

      view.SubFunc is not a function

Answer 1

JS文件是逐个但异步导入的，并且无法保证在 file2之前加载 file1

您可以将file2（SubFunc.js）包装到 document.onload事件中，以便在加载其他文件时执行它。

document.onload = function(){

   View.prototype.SubFunc = function() {
   }   
}