技术解析

js 执行 location.href 跳转页面后,如何阻止 js 继续向后执行
0
2021-08-30 23:48:16
idczone

js 设置 location.href 后,有些时候函数会继续向后执行,而不是中断并跳转,该怎么阻止呢?

函数外面可以通过 return,可如果是在内部的函数呢?是不是只能 throw 异常来阻止了?


location.href 被设置进 dying,dying 状态下是否执行是未定义的。
就算 throw 也不一定,如果有 setTimeout setInterval 的代码也还是会执行。
即使跳转发生或者完成,有时也会有未完成的请求继续发送。

虽然不能阻止正在进行的,但是 throw 至少会保证代码不会继续向后执行了吧。似乎是比较好的一个方案了?

return

试试发送一个同步的 ajax 请求

return 不行吗

用 async/await+promise 实现一个 sleep
···
const sleep = t -> new Promise(r => setTimeout(r, t))

async function(){
location.href = '';
await sleep(1000)
}
···

这个思路其实也不行,他最多只能阻塞到 async 函数本身,而如果再往外层就没用了,所以应该还是只有 throw 可以一直抛到最外层了。

数据地带为您的网站提供全球顶级IDC资源
在线咨询
专属客服