javascript - 仅获取变量的最新值

Question

我有这段代码，当点击按钮 (设置数字) 时会创建一个随机数

然后当你点击另一个按钮(get number)时，它会在警报中检索随机数

jQuery('.button1').on('click',function (){
    var num = Math.random();
    jQuery('.button2').on('click',function (){
       alert(num);
    });
});

代码实战 http://jsfiddle.net/Jim_Toth/dYTEq/

我面临的问题是，当用户再次点击(set number) 以获取新号码时。然后单击(获取号码)，警报会使用旧号码和新号码检索两次。如果第三次单击它们，它将检索三倍。

如何只获取最新的随机数？

Answer 1

您在 .button1 点击处理程序中定义了您的 .button2 点击处理程序。使 num 变量成为全局变量并在第一个中设置它，然后在第二个中提醒它。

var num;
jQuery('.button1').on('click',function (){
   num = Math.random();
});

jQuery('.button2').on('click',function (){
   alert(num);
});

在这里查看工作版本:http://jsfiddle.net/j8zGP/