如何实现5秒后JS页面跳转且不阻塞其他代码执行？

你当前的代码问题在于用了await，它会暂停当前代码执行，必须等Promise完成后才会继续往下走，导致console.log(2)要等5秒才运行，和你要的“其他代码立即执行”需求不符。

正确的做法是直接用setTimeout注册跳转逻辑，它本身就是异步的，完全不会阻塞同步代码的执行：

console.log(1);
// 跳转代码可以放在页面任意位置
setTimeout(() => {
  window.location.href = '你的目标URL';
}, 5000);
console.log(2);
// 这里的所有同步代码都会优先执行完
console.log('其他初始化代码');
// ...更多页面逻辑

为什么这样可行？ #

JavaScript是单线程执行，所有同步代码会依次在当前执行栈中运行，setTimeout的回调会被放进宏任务队列。只有当当前执行栈里的所有同步代码（包括console.log(1)、console.log(2)以及其他所有页面代码）全部执行完毕后，才会开始处理宏任务队列。等5秒延迟结束后，跳转逻辑才会触发，完全满足“先跑完所有其他代码再跳转”的要求。

别用async/await，它的作用是让异步代码看起来像同步执行，反而会阻塞后续代码，不符合你的需求。

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