JS长轮询函数并发执行求助：为何console.log('end')无法输出？

嘿，我来帮你把这个问题理清楚～

首先咱们得明白，你原来的代码里console.log("end")永远打不出来的核心原因：

• 你用了同步的XMLHttpRequest（xhttp.open的第三个参数false表示同步请求），同步请求会直接卡死浏览器主线程，直到请求完成
• 请求结束后又直接递归调用longPoll，这会让函数调用栈无限堆叠，永远没机会退出，后面的代码自然轮不上执行

最简异步并发长轮询实现 #

你后来修改的代码已经完美解决了问题，我再给你拆解下为什么这么写可行：

const addr = "http://localhost:8080/action"
function poll() {
  (async () => {
    try {
      const response = await fetch(addr)
      // 处理HTTP错误（比如404、500这类情况）
      if (!response.ok) {
        throw new Error(`请求失败：${response.status}`)
      }
      const data = await response.json()
      console.log(data)
    } catch (error) {
      console.error("轮询出错：", error.message)
    } finally {
      // 不管成功失败，延迟2秒再发起下一次轮询，避免服务器压力过大
      setTimeout(poll, 2000)
    }
  })()
}
poll();
console.log("end")

几个关键改进点：

• 用现代fetch替代传统XHR：fetch本身就是异步的，搭配async/await让异步代码读起来像同步代码，对非JS开发者友好太多
• 异步执行轮询逻辑：把轮询核心逻辑放在立即执行的异步函数里，不会阻塞主线程，页面其他代码（比如console.log("end")）能正常执行
• setTimeout发起下一轮询：请求完成后通过setTimeout延迟触发下一次轮询，既不会让调用栈无限增长，又能保证轮询持续进行
• 完善的错误处理：用try/catch/finally包裹逻辑，确保无论请求成功还是失败，轮询都能继续下去，稳定性更强

这样的写法既保证了长轮询的持续运行，又不会阻塞页面其他代码，完全符合你要的“并发执行”需求～

内容的提问来源于stack exchange，提问作者Tom