从 HTML 中的另一个脚本调用变量

Question

我目前有一个 HTML 文件，其中包含一个声明如下的脚本：

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
  <script type="text/javascript">                         
 $(document).ready(function() {                           
    code.......
    var a = "hello"
});                                             
  </script>              

我正在尝试在 HTML 文件中添加另一个脚本，该脚本将调用此变量“a”。现在，我正在做这样的事情：

<script type="text/javascript">                               
    alert(a);                                                              
</script>

但它没有提醒任何东西。如果我将 a 替换为“hello”之类的字符串，我会收到警报。我把变量叫错了吗？我试过寻找解决方案，但他们都说你应该能够轻松地从另一个脚本调用变量，假设脚本之前已声明和初始化。谢谢。

Answer 1

将a 声明移到函数之外。

例如，

var a;

$(document).ready(function() {                           
    code.......
    a = "hello"
}); 

后来……

alert(a);

记住变量是函数范围的，所以如果你在函数内部定义它，它在函数外部是不可见的。

---

基于 cmets 的更新：

因为您现在在尝试与 a 变量交互时遇到了时间问题，我建议您引入事件总线（或其他一些机制）来协调时间。鉴于您已经在使用 jQuery，您可以创建一个简单的总线，如下所示：

var bus = $({});

bus.on('some-event', function() {});
bus.trigger('some-event', ...);

这实际上也有助于更好地组织代码，因为现在您实际上只需要总线是全局的，并且您可以在事件中传递数据，而不是一堆其他随机变量。

例如，

var bus = $({});

$(document).ready(function() {                           
    var a = 'hello';
    bus.trigger('some-event', { a: a });
}); 

然后在你的另一个文件中：

bus.on('some-event', function(e, data) {
    alert(data.a);
});

JSBin example（显然不是分布在多个文件中，但同样的原则适用）。

Answer 2

将您的代码替换为

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript"> 
    var a="";                        
    $(document).ready(function() {                           
        a = "hello";      
    });                                             
</script> 

现在您可以访问变量a，如下所示。

<script type="text/javascript">                               
    alert(a);                                                              
</script>

您的代码的问题在于，您在 $(document).ready() 内声明了变量 a，这使它成为 ready() 的本地变量。

Answer 3

当您编写内部功能块时，您将其设为局部变量，您可以将变量声明移到功能块之外，如其他答案所说，或者您可以使用：

$(document).ready(function() {                           
    window.a = "hello";
});

及以后：

alert(a);

在这两种情况下，您都将 a 声明为全局变量，不建议这样做。