javascript - 为什么我的 JavaScript 无限运行？

Question

我正在控制台的 Google 日历中编写一个脚本，以将学校日历中的所有事件添加到我自己的日历中。我基本上抓取页面上的所有事件，单击它们，然后在事件页面上，我想单击“添加到日历”，然后返回，并完成在页面上单击它们。

但是，我的代码块似乎运行了无限次

var friendCheckList = document.getElementsByClassName("evt-lk"); 
console.log(friendCheckList.length)

for (var i = 0; i < friendCheckList.length; i++) 
{
    friendCheckList[i].click();
    var possibleReturn = document.getElementsByClassName("goog-imageless-button"); 
    var backArray = [];
    for (var i = 0; i < possibleReturn.length; i++)
    {
        console.log("Came here with some reason");
        console.log(possibleReturn.length);
        console.log(friendCheckList.length);
        var node = possibleReturn[i];
        if (node.getAttribute("title")=="Back to Calendar") node.click();
    }
};

知道为什么这会运行无限次吗？它反复记录“出于某种原因来到这里”10 13。 10 是页面上通风口的数量，13 是“goog-imageless-buttons”的数量。

Answer 1

因为您在第二个循环中重复使用了 i 变量。使用另一个标识符代替:

var friendCheckList = document.getElementsByClassName("evt-lk"); 
console.log(friendCheckList.length)

for (var i = 0; i < friendCheckList.length; i++) 
{
    friendCheckList[i].click();
    var possibleReturn = document.getElementsByClassName("goog-imageless-button"); 
    var backArray = [];
    for (var j = 0; j < possibleReturn.length; j++)
    {
        console.log("Came here with some reason");
        console.log(possibleReturn.length);
        console.log(friendCheckList.length);
        var node = possibleReturn[j];
        if (node.getAttribute("title")=="Back to Calendar") node.click();
    }
};