javascript - 如何使用在点击函数内声明的变量

Question

这感觉像是一个非常基本的问题……我找不到答案!只是一个基本的 jQuery 点击函数:

$('button.one').click(function () {
    var selectorVal = 'one';
    $('div#one').slideDown('slow');
    $('div#two').slideUp('fast');
    return selectorVal;
}

如何在函数外检索和输出 selectorVal？非常感谢!

Answer 1

你有两个选择:

1. 在回调之外定义变量:

   var selectorVal;
   $('button.one').click(function (){
       selectorVal = 'one';
       $('div#one').slideDown('slow');
       $('div#two').slideUp('fast');
   });
   // somewhere here check for selectorVal value (if any)
   

2. (更好)使用另一个回调:

   var doSomethingWithSelectorVal = function(selectorVal){
       // here do something with updated selectorVal value
   };
   $('button.one').click(function (){
       selectorVal = 'one';
       $('div#one').slideDown('slow');
       $('div#two').slideUp('fast');
       doSomethingWithSelectorVal(selectorVal);
   });
   

正如我上面提到的，第二个选项是更好的选择，因为在这种情况下使用回调是最合适的。