javascript - 使用JQuery访问另一个文件中一个文件的js变量

Question

我有 2 个 js 文件:1.js 和 2.js。
在 1.js 中我有一个变量

var test ='Hello';

我正在尝试访问 2.js 中的变量

alert(test);

示例代码:
1.js:

$(document).ready(function () {
    var test = 'Hello';
});

2.js:

 $(function () {
       function getData(){
            alert(test);
       }
   }); 

在我的 js 文件的 aspx 页面顺序中:

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

我知道这个问题以前被问过很多次，但似乎没有一个答案对我有用。

Answer 1

确保您的 var test 不在函数内，并且您的文件以正确的顺序加载。在你的第一个文件中使用类似

<script type="text/javascript">
  var test = "myVar"
</script>
// Now here include your js file too JS file 
// Or set in window scope like window.test="myVar";

并在您的JS文件中使用类似

$(function() {
  alert(test);
  // alert(window.test);
});

全局范围内的变量可以从所有 JavaScript 文件中访问。你的第一个 js 文件

这是另一种方法。

//first.js file don't put variable inside any function here.
var globalVariable={
   test: 'myVar'
};

还有你的第二个js文件

//second.js file
alert(globalVariable.test);

并在html页面中添加

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

More from here