SvelteKit中goto跳转后代码仍执行的异常问题排查

为什么throw语句会被执行？ #

SvelteKit的goto函数（即使添加了await）仅负责触发页面导航流程，它不会自动终止当前函数的执行。await goto(...)只是等待导航的初始化步骤完成，但当前函数的代码会继续向下执行，直到遇到return、函数结束或者未捕获的异常。所以你写的throw new Error('Goto failed');会被正常执行，进而被上层的异常捕获逻辑捕捉到。

正确的处理方式 #

要实现“终止所有操作并引导至登录页”的需求，在await goto('/sign-in')之后直接用return终止函数后续逻辑即可，无需抛出异常：

async getData() {
    const authHeaders = await this.getHeaders();

    if (authHeaders === null) {
        await goto('/sign-in');
        return; // 终止函数，不再执行后续代码
    }
                
    // 正常获取数据的逻辑...
}

如果你的上层代码通过try/catch包裹了getData调用，使用return不会触发捕获逻辑，这更符合预期——因为导航已经触发，不需要再抛出错误干扰流程。同时，手动终止函数也能避免后续不必要的代码执行（比如后续的API请求），节省资源。

内容的提问来源于stack exchange，提问作者alex