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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 1978 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

执行

阻止

函数

中断

7 条回复 • 2019-06-25 10:52:57 +08:00

no1xsyzy

2019-06-24 14:54:18 +08:00

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

rizon

2019-06-24 15:41:38 +08:00

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

cszchen

2019-06-24 16:44:39 +08:00 via Android

return

Ritr

2019-06-24 16:47:45 +08:00

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

mara1

2019-06-24 16:48:12 +08:00

return 不行吗

redbuck

2019-06-24 23:31:47 +08:00

用 async/await+promise 实现一个 sleep

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

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

rizon

2019-06-25 10:52:57 +08:00

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