javascript - jQuery 函数不会更改全局变量，而常规 javascript 函数会更改全局变量

Question

此代码是否有原因:

var verb = "";

    function printPage (input) {
            $("div").append(input + "<br>");
    }

    $( "#submit" ).click(function() {
       verb = $('#enter').val();
       printPage(verb);
    });

    printPage(verb);

仅导致#enter(表单)的值在单击事件中记录一次(而最后一个 printPage 打印原始空字符串)，而以下代码:

var verb = "";

function printPage (input) {
        $("div").append(input + "<br>");
}

function buttonClick() {
  verb = "verb!";
  printPage(verb);
}

buttonClick();
printPage(verb);

打印动词两次，因为函数已成功更改动词变量值？抱歉，如果我没有很好地解释我的问题，如果需要，我会详细说明。

Answer 1

输入值可能为空，因此您可能会看到未更改，您可以像这样使用:

verb = $('#enter').val() || 'verb';