全局let变量doenst获得价值

Question

我以全局方式使用了用于存储令牌的简单代码段，但我不明白为什么当我向令牌变量发出警报时会显示未定义。我是js中的新手，但是我很困惑！

$(document).ready(function() {
    let token;
    $("#login-form").submit(function (e) {
        e.preventDefault();
        let username = $("#username").val();
        let password = $("#password").val();
        $.ajax({
            type:'post',
            url:'http://localhost:8000/api/login',
            data:{
                'username': username,
                'password': password,
            },
            success:(function (response) {
                if(!localStorage.getItem('token'))
                    localStorage.setItem('token',response.token)
                    token = localStorage.getItem('token');
                })
            });
            alert(token);
        })
    });