为什么在触发 window.location.reload 时会清除其余功能代码？

Question

我想在用户登录后开始计算当前会话。因为我将用户详细信息存储在 sessionStorage 中，所以我需要执行 location.reload 以便 API 请求能够访问 sessionStorage 中的令牌。问题是，一旦我重新加载，函数中的剩余代码就会被清除或忽略。我尝试了控制台日志记录，它显示大约半秒钟，然后控制台被清除。怎么会，我怎样才能继续触发我的 setTimeout 函数并使其持续存在？

loginUser: function(username, password) {
    var loginDetails = {"username": username, "password": password};
    return loginResource.save({}, loginDetails).$promise.then(function(response){
        var user = {
            name: username,
            token: response.token,
        }
        sessionStorage.user = angular.toJson(user);
        $window.location.reload();
    })
    .catch(function(reason) {
        console.warn("Failed login", reason);
        throw reason;
    });
},

beginCountdown: function() {
    console.log('begin');
    setTimeout(function(){
        sessionStorage.removeItem('user');
        $window.location.reload();
    }, 3000)
},

Answer 1

因为我将用户详细信息存储在 sessionStorage 中，所以我需要执行 location.reload 以便 API 请求能够访问 sessionStorage 中的令牌。

That isn't true.

sessionStorage.setItem('key', 'value');
let data = sessionStorage.getItem('key');
console.log(data);

... 显示存储在第 1 行并在第 2 行检索的数据。

一旦我重新加载，函数中的剩余代码将被清除或忽略。

页面是运行 JavaScript 的环境。

重新加载页面相当于重新启动计算机并想知道为什么 Windows 应用程序不保持其状态。 可能在 JS 中编写一个程序来保存它的状态并在再次打开时重新加载它，但你似乎没有这样做。

不要重新加载页面。解决真正的问题。 （这很可能是您在加载 JavaScript 程序时从会话存储中读取数据，然后只将更新写入会话存储，而不是写入保存正在使用的数据副本的变量。）