Javascript 显示 windows.VARIABLE 然后设置

Question

例如代码（FetchInfo - 自定义函数）：

window.FetchInfo.get({ url: 'api/user/5' }).then(function(response) {
    window.USER_INFO = response;
});

function runDisplay() {
    console.log(USER_INFO);   
}

我怎样才能运行 runDisplay() 功能然后 USER_INFO 设置并准备好？。在 window.USER_INFO = response; 之后运行无法运行。需要像 addEventListener load

这样的东西

Answer 1

使用条件检查window.USER_INFO

function request (){
    fetch("https://jsonplaceholder.typicode.com/todos").then((data) => {
    if(window.USER_INFO=== undefined){
        window.USER_INFO=data;
    }
    runDisplay(USER_INFO);
    });
}

function runDisplay (test) {
    console.log(test);
}
request();

Answer 2

已找到解决方案，效果很好。

window.FetchInfo.get({ url: 'api/user/5' }).then(function(response) {
    window.USER_INFO = response;

    document.dispatchEvent(
        new CustomEvent('user_info', { detail: { action: USER_INFO } }),
    );
});

function runDisplay() {
    console.log(USER_INFO);   
}

document.addEventListener('user_info', function(event) {
    runDisplay();
});

Javascript 显示 windows.VARIABLE 然后设置

Javascript display windows.VARIABLE then it sets

javascript

dom-events