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

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 2689 days ago, the information mentioned may be changed or developed.

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

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

执行

阻止

函数

中断

7 replies • 2019-06-25 10:52:57 +08:00

no1xsyzy

Jun 24, 2019

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

rizon

Jun 24, 2019

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

cszchen

Jun 24, 2019 via Android

return

Ritr

Jun 24, 2019

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

mara1

Jun 24, 2019

return 不行吗

redbuck

Jun 24, 2019

用 async/await+promise 实现一个 sleep

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

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

rizon

Jun 25, 2019

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