jquery范围之外的警报变量

Question

我对这个论坛和 jquery 也比较陌生。因此，如果我的问题是错误的，请不要标记否定。

我曾尝试搜索，但仍然无法为我的问题找到合适的解决方案。

我正在使用更改功能来获取更新的未输入值，如下所示，它工作得非常好。我还可以在如下所述的范围内使用更新的值来提醒变量。

$(document).ready(function(){
   $("#tags").on("keyup", function() {
    var myVar = $(this).val();
    alert(myVar);
  });
});

现在我想提醒范围外的变量 myVar 如下所示，该变量不起作用，我不知道如何在给定范围外调用此变量。请帮忙。

$(document).ready(function(){
   $("#tags").on("keyup", function() {
    var myVar = $(this).val();
  });
  alert(myVar);
});

Answer 1

如果你试图在范围之外提醒它，它会变成空白，因为它会在页面加载时触发

相反，我认为您想在某个事件侦听器中调用它，因为这就是您尝试将其分配给它之外的变量的原因

$(document).ready(function(){ 
    var myVar = '';
    $("#tags").keyup(function() {
        myVar = $(this).val();
        alert(myVar);
    });

    //or another event listener {
        alert(myVar);
    });
});

Answer 2

您需要将myVar 存储在调用alert 的函数可以读取的范围内。大锤方法是将myVar 放在全局范围内，如下所示：

$(document).ready(function(){
   $("#tags").on("keyup", function() {
       myVar = $(this).val();  //notice no var keyword
   });
});

当使用一个变量而不用var 声明它时，它会在全局范围内结束——从技术上讲，它成为当前窗口的一个属性。如果你想明确一点，你可以写成

$(document).ready(function(){
   $("#tags").on("keyup", function() {
       window.myVar = $(this).val();  //notice no var keyword
   });
});

现在通常您应该避免使用全局范围的变量，因为您永远不知道您可能会踩到谁的变量，例如如果它与另一个变量同名。因此，更好的解决方案是将变量放在closure 中。它的外观取决于您声明调用alert 的函数的确切位置。

假设您要引入一个新的全局函数ShowAlert。您可以使用公共变量在同一代码块中定义它，这会将变量提升到本地范围之外并进入闭包，如下所示：

$(document).ready(function(){
   var myVar;  //We use the var keyword to declare this in local scope, for now

   $("#tags").on("keyup", function() {
       myVar = $(this).val(); 
   });

   ShowAlert = function() {
       alert(myVar);  //Using myVar here forces it into a closure, which will persist even after document.ready has exited
   }
});

然后，要使用myVar 的最新值显示警报，只需使用：

ShowAlert();