Javascript setTimeout/clearTimeout electron 中的奇怪行为

Question

我正在构建电子应用程序来加载页面并在页面加载后对页面进行一些测试。我想在页面加载时强制超时，假设 5 秒后如果页面未加载，则移至下一项。

我的代码在我的主进程中是这样的：

var timer;
var urls = [...];

var win = new BrowserWindow({...});
var myURL = "";

var setTimer = function (){
    timer = setTimeout(()=>{
        console.log(myURL + " timed out");
        loadNext();
    }, 5000);
}

var loadNext = function(){
    if (urls.length > 0){
        timer = setTimer();
        myURL = urls.pop();
        console.log(myURL);
        win.loadURL(myURL;
    }   
}

win.webContent.on('did-finish-load', () => {
    clearTimeout(timer);
    browserWindow.webContents.send('doTest');
})

ipcMain.on('testResult', (event, data) => {
    console.log('done test ' + data);
    event.returnValue = 'yay';
})

并且在我的渲染过程中，有一个侦听器会侦听 'doTest' 并将同步发回一条消息。

在大多数情况下，此代码有效：当页面在 5 秒后未完成加载时，它会移至下一个 URL 并输出正确的消息，如下所示：

url1
url1 timed out
url2 
done test url2
url3
url3 timed out 
...

然而，偶尔，它会给出这样的输出：

urla
urla timed out
urlb
done test urla
done test urlb
urlc
done test urlc

我预计clearTimeout会在我发出请求进行测试之前删除超时功能，所以done test urla应该不会发生在urla timed out输出之后。怎么回事？

Answer 1

您的计时器变量未定义。

var timer;
    var urls = [...];

    var win = new BrowserWindow({...});
    var myURL = "";

    var setTimer = function (){
        //Missing return statement
        timer = setTimeout(()=>{
            console.log(myURL + " timed out");
            loadNext();
        }, 5000);
    }

    var loadNext = function(){
        if (urls.length > 0){
            //Following line sets timer to undefined:
            //timer = setTimer(); (comment it out)
            //change to:
            setTimer();
            myURL = urls.pop();
            console.log(myURL);
            win.loadURL(myURL; //Also don't forget to fix this)
        }   
    }

    win.webContent.on('did-finish-load', () => {
        clearTimeout(timer);
        browserWindow.webContents.send('doTest');
    })

    ipcMain.on('testResult', (event, data) => {
        console.log('done test ' + data);
        event.returnValue = 'yay';
    })

Javascript setTimeout/clearTimeout electron 中的奇怪行为

Javascript setTimeout/clearTimeout weird behavior in electron

javascript

timeout

settimeout

electron