javascript - 返回变量值以在另一个函数中使用

Question

显然我对变量作用域仍然很不稳定。 btn2 有什么方法可以获取由单选按钮更新的 3 或 1 个 numHints 的值吗？ (当前返回未定义)。

jsfiddle

HTML:

<input id="btn" type="button" value="btn">
<br>
<form id="Difficulty">
    <input checked="checked" type="radio" name="difficulty" id="easier">Easier
    <br>
    <input type="radio" name="difficulty" id="harder">Harder</form>
</div>
<br/>
<input id="btn2" type="button" value="btn2">

JS:

 var numHints;
 $('#btn').on('click', function () {
     var difficulty = $('input[name="difficulty"]:checked', '#Difficulty').attr('id');
     if (difficulty == "easier") {
         numHints = 3;
     } else {
         numHints = 1;
     }
     console.log(numHints);
     return numHints; // doesn't work
 });

 $('#btn2').on('click', function () {
     console.log(numHints); // undefined, need numHints available in here
 });

Answer 1

只有先单击#btn才会起作用，否则该变量未定义。 您可以用一个值初始化它:

var numHints = 3;

此外，您的返回没有意义