Javascript:import scripts

Question

I would like to know if there is a method to importing scripts from javascript script to another javascript script.

For example,

import script.js //obviously it is wrong.

Lets say on script 1:

function hello(){
  console.log(1+2);
}

I would like to use the functions defined in script 1 on script 2.

Therefore, script 2 should have:

 hello();

And should produce this on the webpage:

3

I went to research for answers, yet i do not understand the codes. Can someone explain it, step by step?

Answer 1

var script = document.createElement("script");

script.src = "script1.js"; // set the url of script you want

var body = document.getElementsByTagName("body")[0];

body.appendChild(script); // append script to body will load the script and execute it

Answer 2

Javascript is loaded via the <script> tag

<script type="text/javascript" src="script.js"></script>

For more advanced Javascript loading, you can use RequireJS requirejs

See http://requirejs.org/docs/start.html

Answer 3

You can import it dynamically:

http://api.jquery.com/jQuery.getScript/

$.ajax({
  url: url,
  dataType: "script",
  success: success
});