How to split javascript object definition in several files

Question

Let's say I have an Object View original defined in one file View.js :

      var View = (function () {

      function View() {
      }

       View.prototype.SubFunc = function() {

      }   

      return View;
  })();

Now I want to be able to split in 2 files :

View.js

  var View = (function () {

      function View() {
      }

      return View;
  })();

and SubFunc.js

      View.prototype.SubFunc = function() {

      }

Why it doesn't seem to work anymore ? During execution I get this error :

      view.SubFunc is not a function

Why would you want to split up the constructor like that?

Andy
– Andy

2016-03-08 06:08:40 +00:00
Commented Mar 8, 2016 at 6:08 — Andy
– Andy, Commented Mar 8, 2016 at 6:08

gurvinder372 · Accepted Answer · 2016-03-08 06:09:18Z

1

JS files are imported one by one but asynchronously and there is no guarantee that file1 will be loaded before file2.

You can wrap file2 (SubFunc.js) into a document.onload event so that it will be executed when other files are loaded.

document.onload = function(){

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

answered Mar 8, 2016 at 6:09

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

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

Collectives™ on Stack Overflow

How to split javascript object definition in several files

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related