强制 JavaScript setTimeout 函数在 x 毫秒后运行

Question

我正在尝试创建一个超时函数，该函数会在函数挂起时间过长时引发错误。

我有以下代码：

function go() {

  try{
    console.log('started, timeout in 2 seconds...');
    setTimeout(()=>{
      throw new Error('Timed Out!');
    }, 2000);

    while(true){
      //will run forever
    }
  }catch (e) {
    console.log('timeout function worked!');
  }
}

go();

但是，永远不会抛出错误。我认为这是因为事件循环在 JS 中的工作方式，但我希望我的超时函数在 2 秒后执行，无论发生什么其他事情。我如何做到这一点？

Answer 1

我希望我的超时功能在 2 秒后执行，无论发生什么其他事情。我如何做到这一点？

你真的不能。正如您所怀疑的，该问题与事件循环有关。只有一个线程可供您使用，并且您已将其置于无限循环中。由于您永远不会返回，因此事件循环没有机会运行 setTimeout 指定的函数。

如果您希望 while 循环停止，您的 while 循环必须是停止它的循环。也许是这样的：

const before = Date.now();
while (true) {
  // do stuff
  if (Date.now() - before > 2000) {
    throw new Error('Timed Out!');
  }
}

Answer 2

我认为这是因为您首先进入无限循环并且永远不会退出，因此您的 settimeout 永远不会触发。

我不知道您要达到什么目的，但是如果您想抛出错误，请将 while 循环移到最后的 settimeout 内。 顺便说一句，没有意义

Answer 3

setTimeout() 不像你想象的那样工作。直到 while 循环运行。不会调用setTimeout() 函数。

Javascript 不支持多线程，因为它是一种解释性语言。 多线程：是一种允许多线程存在的执行模型。See more

下面是例子。

function loop(){
  console.time('time');
  for(let i = 0;i<10000000;i++){
    if(i % 2000000 === 0) console.log("I am looping");
  }
  console.timeEnd('time');
  console.log("Loop finished");
}
loop();
setTimeout(() => {
  console.log("I am logged from setTimeout")
},0)

Answer 4

如果事件循环无法继续，您将无能为力。但是，下面的代码应该更接近您正在寻找的内容。如果你需要做一个while语句，把代码往下做。

function go() {
  try{
    var timeout = setTimeout(()=>{
      throw new Error('Timed Out!');
    }, 2000);

    //do stuff; it can't hog the event loop
  }catch(e){
    
  }
  clearTimeout(timeout);
  return true; //return value
}

go();

var iterations = 0;
while(condition && iterations < 10){
  //do stuff
  iterations++;
}