VUE异步函数return问题解决方案

　　异步函数return问题：
　　在写VUE前端代码时，会遇到将带有return结果的异步请求函数（如请求后台数据）设置为公共函数，在其他地方调用的场景。但是因为是异步请求数据，实际需要return的值在调用返回时，还未生成，所以导致return的内容为undefined。（见参考〔1〕的分析）
　　例如：公共函数和调用方式公共函数：根据异步返回的内容确定return值true或falsefunctiona（）｛api（｛url：xxxxxxx，后端异步请求method：get，｝）。then（（retData）｛if（retData。list。length0）｛returntrue；｝else｛returnfalse；｝｝）｝调用位置checkData（）｛varresulta（）；result值为undefined！！｝
　　调用返回时，因为异步请求还未结束，真正的结果还没有获取到，所以以上代码调用位置result得到的返回值为undefined。
　　解决方案：通过Promiseasyncawait实现异步return调用公共函数：根据异步返回的内容确定return值true或falsefunctiona（）｛returnnewPromise（（resolve，reject）｛api（｛url：xxxxxxx，后端异步请求method：get，｝）。then（（retData）｛if（retData。list。length0）｛resolve（true）；｝else｛resolve（false）；｝｝）｝）｝调用位置asynccheckData（）｛varresultawaita（）；result值为期望的true或false｝
　　2。通过回调函数实现异步return调用公共函数：根据异步返回的内容确定return值true或falsefunctiona（func）｛api（｛url：xxxxxxx，后端异步请求method：get，｝）。then（（retData）｛if（retData。list。length0）｛if（typeoffuncfunction）｛func（true）；｝｝else｛if（typeoffuncfunction）｛func（false）；｝｝｝）｝调用位置checkData（）｛varresult；a（function（ret）｛resultret；result值为期望的true或false｝）；｝
　　如果在回调函数里面将return返回值赋值给全局变量this。xxx，不能直接this。xxxret，需要将this作为变量来引用（参考〔2〕说明），方法如下：data（）｛return｛result：true；｝；｝methods：｛checkData（）｛a（function（ret）｛this。resultret；这里报错：Uncaught（inpromise）TypeError：Cannotreadpropertiesofundefined｝）；｝，checkData2（）｛varthisaliasthis；a（function（ret）｛thisalias。resultret；正确的写法｝）；｝｝
　　参考：
　　〔1〕vue中函数为什么不能在异步操作里return出数据PC136的博客CSDN博客vue异步return
　　〔2〕JS中this的指向问题（Uncaught（inpromise）TypeError：Cannotreadproperty‘router‘ofundefined）whitek387的博客CSDN博客