问题描述:
在编写一个读取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的处理和错误处理。
- 在复杂异步代码中使用日志语句进行调试。