如何在jQuery中的函数内部从外部获取变量？[副本]

Question

我试图弄清楚如何从函数的外部获取变量，在jQuery的函数内部获取变量，但我得到的是未捕获的referenceError：myvar is not defined。有什么办法可以做到这一点吗？

我的代码的一个简单示例：

$(function(){
    var myvar = "stackoverflow";
});

$(function(){
    alert(myvar);
});

但当我在函数外定义变量时,它起作用：

var myvar = "stackoverflow";

$(function(){
    alert(myvar);
});

为什么？

感谢任何帮助！谢谢！

Answer 1

这完全是关于作用域的，在第二个示例中myvar在全局作用域中，而在第一个示例中，它包含在函数中。

您可以通过以下方式将其强制为全局：

$(function(){
  window.myvar = "stackoverflow";
});

$(function(){
  alert(myvar);
});

（假设这是在浏览器中）

Answer 2

第二个示例工作的原因是您将myvar定义为全局变量（可以从任何地方访问）。

第一个例子不起作用，因为变量是在函数作用域内定义的（意味着除了函数的作用域和在父函数的作用域内定义的函数的作用域之外，其他都无法访问该变量）。

正如注释中所述，这正是JavaScript的工作方式。如果这是您遇到的问题，那么可能是时候重新思考您的架构了。

一种常见的模式是将共享变量定义为父对象或函数的属性。例如：

$(function() {
    var funcOne = function() {
        this.sharedVal = 'stack overflow';
    };
    var funcTwo = function() {
        console.log(funcOne.sharedVal);
    };
});

这样，您就可以拥有不同的函数，这些函数能够在其他函数中共享它们的属性，同时保持全局名称空间的清洁。但是，请注意，在本例中，一个简单的var x='something'；不作为另一个函数的属性绑定，也同样适用。