javascript - Twitch api freecodecamp 循环问题

Question

我正在尝试在 freecodecamp 上完成 twitch api。

我有一个 allTotalUsers 数组，其中包含我正在循环访问的用户。

我的循环似乎正确地为我的 allTotalUsers 列表中的每个用户获取了我需要的信息。我通过显示来自离线用户的数据对此进行了测试，结果显示(多个)。

问题出在我的 if(streamInfo==null) 语句上，streamerName 仅显示重复项。

例如，如果有 2 个离线用户，Bob 和 John。

会显示鲍勃鲍勃

function showOfflineUsers() {

var onlinePeople = $('#displayInfo');
onlinePeople.html('');

//allTotalUsers is an array list that is loaded when the page loads and stored globally.
for (var i = 0; i < allTotalUsers.length; i++) {

    var streamerName = allTotalUsers[i];
    var xmlhttp = new XMLHttpRequest();


    xmlhttp.onreadystatechange = function() {

        if (this.readyState === 4 && this.status == 200) {
            var json = JSON.parse(this.responseText);

            // gets the status of stream(null etc)
            var streamInfo = json['stream'];

            if (streamInfo == null) {
                onlinePeople.append("<li>" + "<a href = 'https://www.twitch.tv/" + streamerName + "'>" + streamerName + "</a>" + "</li>" + "<br>");

            }


        }

    }

    xmlhttp.open("GET", "https://api.twitch.tv/kraken/streams/" + streamerName + "?client_id=" + clientId, true);
    xmlhttp.send();

};
}

Answer 1

根据 spec

let and const declarations define variables that are scoped to the running execution context’s LexicalEnvironment. The variables are created when their containing Lexical Environment is instantiated but may not be accessed in any way until the variable’s LexicalBinding is evaluated.

因此，与 var 的作用域为 VariableEnvironment(执行上下文)相反，let 的作用域为 LexicalEnvironment.

替换

var streamerName = allTotalUsers[i]; 

与

let streamerName = allTotalUsers[i];