V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
rizon
V2EX  ›  JavaScript

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

  •  
  •   rizon · 2019-06-24 14:42:19 +08:00 · 5001 次点击
    这是一个创建于 1761 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    7 条回复    2019-06-25 10:52:57 +08:00
    no1xsyzy
        1
    no1xsyzy  
       2019-06-24 14:54:18 +08:00
    location.href 被设置进 dying,dying 状态下是否执行是未定义的。
    就算 throw 也不一定,如果有 setTimeout setInterval 的代码也还是会执行。
    即使跳转发生或者完成,有时也会有未完成的请求继续发送。
    rizon
        2
    rizon  
    OP
       2019-06-24 15:41:38 +08:00
    @no1xsyzy #1 虽然不能阻止正在进行的,但是 throw 至少会保证代码不会继续向后执行了吧。似乎是比较好的一个方案了?
    cszchen
        3
    cszchen  
       2019-06-24 16:44:39 +08:00 via Android
    return
    Ritr
        4
    Ritr  
       2019-06-24 16:47:45 +08:00
    试试发送一个同步的 ajax 请求
    mara1
        5
    mara1  
       2019-06-24 16:48:12 +08:00
    return 不行吗
    redbuck
        6
    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
        7
    rizon  
    OP
       2019-06-25 10:52:57 +08:00
    @redbuck #6 这个思路其实也不行,他最多只能阻塞到 async 函数本身,而如果再往外层就没用了,所以应该还是只有 throw 可以一直抛到最外层了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1141 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 68ms · UTC 23:46 · PVG 07:46 · LAX 16:46 · JFK 19:46
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.