javascript - 如何使用 .js 从另一个 .js 访问变量？

Question

我想在一个 js 文件中使用属于另一个 js 文件的变量。即我想使用 file2.js 变量运行 file1.js。

有人知道怎么做吗？
是否可以从另一个 .js 文件访问变量？

文件1.js:

oScript = document.createElement('script');
oScript.src = 'file2.js';
oScript.type = 'text/javascript';
document.body.appendChild(oScript);
console.log(message);

文件2.js:

var message = [{"id":"01", "name":"Text A", "text":"more text"},{"id":"02", "name":"Text B", "text":"more text"}];

Answer 1

您需要确保 console.log(message) 在 file2 加载之后才运行。我建议使用 AJAX，而不是尝试将文件注入(inject)到 HTML 中。

var xhr = new XMLHttpRequest();
xhr.open('GET', 'file2.js');
xhr.onload = function() {
    eval(xhr.responseText);
    console.log(message);
    window.message = message; //Include this if you need message to be a global variable
};
xhr.send();

但是，我强烈建议使用 JSON 文件来存储消息变量的值并使用 ajax 加载该值，而不是使用 JavaScript 代码。