5

I have a priorityQueue class that depends on a set of heap functions being loaded. Currently they're in separate files, priorityQueue.js and fheap.js. I would like to do

<script src="priorityQueue.js"></script>

and have the fheap.js file automatically loaded (order doesn't matter). Furthermore, I'd like a method that cascades (ie dijkstra.js loads priorityQueue loads fheap).

Currently each file just loads its dependencies by injecting elements at end of . Is there a better way to achieve the same result, and what should I watch out for with the current method?

please delete me
  • 331
  • 1
  • 3
  • 6
  • Should probably use js [modules](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules), as explained e.g. [here](https://stackoverflow.com/a/950146). – djvg May 02 '23 at 13:18

3 Answers3

5

Check out this question and answer for some good discussion. The short answer i believe is use jQuery because then you can do this sort of thing:

$.getScript("my_lovely_script.js", function(){
  alert("Script loaded and executed.");
  // here you can use anything you defined in the loaded script
});

ian.

Community
  • 1
  • 1
ipd
  • 5,674
  • 3
  • 34
  • 49
1

Well you could use a library to do it for you. It is great when you don't have to reinvent the wheel and you can use something that is solid and tested. There is jQuery Lazy Plugin Loader and ensure just to name a few.

John Kalberer
  • 5,690
  • 1
  • 23
  • 27
0

This answer might be late for you, but for those looking for the same answer, there's a lightweight JS dependency loader on git called deploader-js (also available through bower install deploader-js) for exactly this usecase:

https://github.com/MikeSpock/deploader-js

Duffmaster33
  • 1,160
  • 9
  • 16
Mihaly KR
  • 2,363
  • 2
  • 19
  • 20