问题描述
我正在尝试将memberdata数组加载到javascript变量中，以便可以从几个不同的函数中对其进行操作。在尝试了旧的大学尝试之后，我迷路了。
我了解异步函数的必要性，以便不阻塞主线程，但我能够填充全局变量的唯一方法是将函数结果存储到session.Storage，然后在其他函数中从那里调用它。尽管此方法有效，但这似乎是一个额外的步骤。
async function fetchMember($vid) {
let options = {
method: 'POST',async:false,body: JSON.stringify({vid: $vid}),headers: {
'Content-Type': 'application/json',// sent request
'Accept': 'application/json' // expected data sent back
},}
let response = await fetch('getMember.PHP',options);
let $member = await response.text();
sessionStorage.setItem("member",$member)
return ($member); // this is a promise because it is in an async function
} //end of function
fetchMember("999999").then ($dog=> console.log ("Then = " + $dog))// $dog is a promise
console.log ("Member = " + $member); // undefined
$member = session.Storage ("member") // work as expected
我可以“ 。然后”将诺言的结果记录到控制台，但是对我而言，我不知道如何将其存储在全局变量中。
解决方法
如@epascarello所述，您没有从then块返回您的承诺。一个简单的（也许是骇人的）解决方案可以是将程序包装在异步函数中，然后await从fetchMember函数获得响应。在实践中，我用它制作了一个简单的jsFiddle。
这并不完美，但它应该可以帮助您到达需要去的地方！
JsFiddle：https://jsfiddle.net/3q98gx2t/
(async () => {
// Get the data out of the fetchMember function
// It is in the scope of the overall self executing function.
let test = await fetchMember();
async function fetchMember($vid) {
let options = {
method: 'GET',}
let response = await fetch('https://api.coindesk.com/v1/bpi/currentprice.json',options);
let $member = await response.text();
return $member; // this is a promise because it is in an async function
} //end of function
console.log("Member = " + test); // undefined
})();
整个then/catch系统的问题在于，它将始终返回承诺，因此，根据您的项目，您最终会陷入.then(data => something).then(data => something)的麻烦之中。
在此示例中，我使用了对比特币API的GET请求，但原理仍然存在。只需换回您的选项，它就可以工作。
如您所见，我已经删除了会话存储呼叫。