对另一个函数使用局部变量

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

您不需要访问本地变量，如果您使用香草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框架，这不是一个更好的方法；