How to declare a global variable in a .js file

by

Just define your variables in global.js outside a function scope:

// global.js
var global1 = "I'm a global!";
var global2 = "So am I!";

// other js-file
function testGlobal () {
    alert(global1);
}

To make sure that this works you have to include/link to global.js before you try to access any variables defined in that file:

<html>
    <head>
        <!-- Include global.js first -->
        <script src="https://stackoverflow.com/YOUR_PATH/global.js" type="text/javascript"></script>
        <!-- Now we can reference variables, objects, functions etc. 
             defined in global.js -->
        <script src="/YOUR_PATH/otherJsFile.js" type="text/javascript"></script>
    </head>
    [...]
</html>

You could, of course, link in the script tags just before the closing <body>-tag if you do not want the load of js-files to interrupt the initial page load.

More Related Contents:

  1. Can I set a value to the golbal variable in $(document).ready(function(){}); and use the same variable outside? [closed]
  2. Do DOM tree elements with IDs become global properties?
  3. Why are global variables considered bad practice?
  4. I’ve Heard Global Variables Are Bad, What Alternative Solution Should I Use?
  5. How can I unset a JavaScript variable?
  6. Is there a spec that the id of elements should be made global variable?
  7. Declaring variables without var keyword
  8. Global variables in Javascript across multiple files
  9. How to avoid global variables in JavaScript?
  10. variable scope in d3 javascript
  11. Accessing variables from other functions without using global variables
  12. How to declare a global variable in JavaScript
  13. Why a variable defined global is undefined? [duplicate]
  14. Share variables between files in Node.js?
  15. Global variables in Google Script (spreadsheet)
  16. Global variables for node.js standard modules?
  17. Effect of declared and undeclared variables
  18. Detect if function is native to browser
  19. How to store a global value (not necessarily a global variable) in jQuery?
  20. Should I use window.variable or var?
  21. Get all Javascript Variables?
  22. How to make page loaders/animations/transitions
  23. How can I read the client’s machine/computer name from the browser?
  24. What’s the difference between window.location= and window.location.replace()?
  25. How do I add an “Add to Favorites” button or link on my website?
  26. How to check in Javascript if one element is contained within another
  27. Will const and let make the IIFE pattern unnecessary?
  28. Subject vs BehaviorSubject vs ReplaySubject in Angular
  29. How can I add a class to a DOM element in JavaScript?
  30. Cropping images in the browser BEFORE the upload [closed]

Leave a Comment