js中async/await无法正常使用
问题描述：
在编写一个读取ftp文件目录的项目时，遇到一个问题：两个异步请求函数中，一个用于获取ftp状态，另一个用于获取ftp文件数量。获取文件数量的函数设置了超时错误机制，以避免文件过多导致内存溢出。
刷新页面或清空浏览器缓存后，将导致获取状态的函数陷入阻塞状态，始终无法读取数据。为了解决这个问题，尝试使用async/await函数来确保先执行获取状态的函数，再执行获取文件数量的函数。但是，await函数无法获取获取状态函数的返回值，也无法等待该函数执行完成。
问题解决：
- 将axios.all()替换为promise.all()： 文档建议使用promise.all()代替axios.all()。
- handlelogin()函数返回一个promise对象： await需要等待一个promise对象，而handlelogin()`函数没有返回任何内容，因此返回undefined。正确的写法是返回axios.all()“的promise对象。
- await的语法错误： 正确的语法应该是await promise.all([…, …])，替换掉错误的await this.handlelogin()。
- 解决异常情况： 在使用promise.all()时，需要处理异常情况。如果promise对象返回空数组，说明出现异常，可以返回空数组并输出错误。
- 注意返回undefined： handlelogin()`函数没有返回任何值，因此await handlelogin()返回`undefined“是正常的。
修改后的代码：
handleLogin() {
return Promise.all([...]);
}
async getFileNum() {
const [prev, next] = await Promise.all([...]);
// ...
}
登录后复制
建议：
- 阅读文档以全面了解async/await的用法。
- 熟悉promise的处理和错误处理。
- 在复杂异步代码中使用日志语句进行调试。
以上就是JS中async/await失效：如何正确地使用Promise.all()处理异步FTP请求？的详细内容，更多请关注php中文网其它相关文章！