использовать локальную переменную для другой функции

Question

Я получаю некоторые данные из x API, но я застрял между камнями, если я хочу использовать переменную 'states' в другой функции, например, я хочу отобразить json объект следующим образом:

конечно, это показывает мне ошибку, 'состояние не определено';

любой короткий способ решить эту проблему?

//recieve data
window.onload =  async ()  => {
                const response = await fetch("x");
                const states = await response.json();
                 console.log(states);
             };

states.map(function(bra){
 // something
}

Answer 1

Вам не нужно обращаться к локальным переменным, если вы используете vanilla JS, вы можете сделать что-то вроде этого:

const request = async () => {
           const response = await fetch("x");
           const data = await response.json();
           renderYourData(data);           
}


const renderYourData = (data) => {
           //apend your data in DOM
}


window.addEventListener('load', function() {
           request();
});

Но если вы используете SPA-фреймворк, это не лучший подход;