如何在另一个JavaScript文件的功能内使用远程存储的JavaScript文件中的变量？

Question

Currently, I'm trying to take an array from a JavaScript file stored on a web page (ex. "website.com/javascript.js") and run it through a function stored in a JavaScript file I have made for a website. This is for a game.

Previously, I was attempting to import both .js files into the HTML file and use the array from the website as an input for my own JavaScript file, but I couldn't seem to do this.

I simply couldn't find the answer online (or didn't know how to phrase the question right). If I need to import anything for the purpose of doing this, could you tell me what to import? Thank you!

Here's the code I'm working on. Sorry for the very novice code, I haven't worked much in JavaScript.

function makeBracket(players){
    var resultString;
    for (var i = 0; i < players.length; i++){
       var assassinName = players[i][1];
       var targetCode = players[i][4];
       for(var j=0;j<players.length;j++){
            var code = players[j][2];
            if(code == targetCode){
                var targetName = players[j][1];
                document.write(assassinName + " -> " + targetName + "<br>");
       }
    }
}

Answer 1

I'll be using the function.js for the file that contains your function, and array.js/array.json for the file that contains the data you need.

Using a global variable

You could include both files, and expose the array on the first file as a global variable. To include them, use two script tags on your HTML, in order:

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

array.js :

window.myArray = [/* Data here */];

function.js :

var array = window.myArray;
doStuff(array);

Loading via AJAX

An alternative is to store the array in JSON format, and load it asynchronously using AJAX.

Consider the following function.js :

$.getJSON("/array.json", function(array) {
  doStuff(array);
});

When loaded (I'm assuming jQuery here, since it is in the tags of the question), it will make a request to /array.json , parse it as JSON, and pass the results to the callback function. From there, you can do anything with the data.

An advantage of this method is that you don't need to worry about ordering the files anymore, and you don't use any global variables. However, it is slightly more complex to understand, and there'll be a small delay between the page loading and the data arriving.