js 执行 location.href 跳转页面后,如何阻止 js 继续向后执行

2019 年 6 月 24 日
 rizon

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

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

6088 次点击
所在节点    JavaScript
7 条回复
no1xsyzy
2019 年 6 月 24 日
location.href 被设置进 dying,dying 状态下是否执行是未定义的。
就算 throw 也不一定,如果有 setTimeout setInterval 的代码也还是会执行。
即使跳转发生或者完成,有时也会有未完成的请求继续发送。
rizon
2019 年 6 月 24 日
@no1xsyzy #1 虽然不能阻止正在进行的,但是 throw 至少会保证代码不会继续向后执行了吧。似乎是比较好的一个方案了?
cszchen
2019 年 6 月 24 日
return
Ritr
2019 年 6 月 24 日
试试发送一个同步的 ajax 请求
mara1
2019 年 6 月 24 日
return 不行吗
redbuck
2019 年 6 月 24 日
用 async/await+promise 实现一个 sleep

···
const sleep = t -> new Promise(r => setTimeout(r, t))


async function(){
location.href = '';
await sleep(1000)
}
···
rizon
2019 年 6 月 25 日
@redbuck #6 这个思路其实也不行,他最多只能阻塞到 async 函数本身,而如果再往外层就没用了,所以应该还是只有 throw 可以一直抛到最外层了。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/576922

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX