javascript - 为什么我的对象被声明但从未读取(在函数内)？

Question

我对Java相当陌生。我只是在几个月前才开始弄乱它，却遇到了一个我似乎无法解决的错误。

我试图做到这一点，以便在单击按钮时创建一个对象（thisObject），该对象存储4个参数-路线，得分，标准杆和小鸟。

我尝试使用大括号语法创建对象，但是由于某些原因，当我将鼠标悬停在已将对象分配给的var上时，VSCode会给我此消息错误：“声明了thisObject但从未读取其值”。

$(enter).click(appendScore);

    function appendScore(){
    event.preventDefault();

    if (scoreText.value==""){
        $('.errorMessage').show();

    }
    else{
        event.preventDefault();
        $('.scoresContainer').append(scoreText.value + ', ');
        scoreForm.reset();
        $('.errorMessage').hide();
        var thisObject = {course: courseSelect.value, score: scoreText.value, pars: parsText.value, birdies: birdiesText.value};
        }
    }

这导致页面无法定义“ thisObject”。我希望它创建一个具有4个参数的对象，这些参数当然包括得分，标准杆和小鸟。这里发生了什么？

Answer 1

因为您在处理程序函数thisObject中定义了appendScore，所以在其他任何地方都无法使用它。您必须在全局（或封闭）范围内声明它。 （还请注意，appendScore需要采用参数event才能使event.preventDefault起作用）：

var thisObject;
$(enter).click(appendScore);

function appendScore(event) {
    event.preventDefault();
    //...
    thisObject = {course: courseSelect.value, score: scoreText.value, pars: parsText.value, birdies: birdiesText.value};
 }