Unexpected reserved word ‘await‘

最新推荐文章于 2025-01-31 11:45:08 发布

GuaX

最新推荐文章于 2025-01-31 11:45:08 发布

阅读量6w

点赞数 73

分类专栏： vue js 文章标签： javascript

本文链接：https://blog.csdn.net/m0_37714008/article/details/119349924

版权

vue 同时被 2 个专栏收录

27 篇文章

订阅专栏

26 篇文章

订阅专栏

本文解决了JavaScript中async/await使用不当导致的错误，并详细解释了如何正确放置async关键字以确保代码正常运行。通过示例代码展示了如何修复Unexpected reserved word 'await'的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报错：Unexpected reserved word 'await'


    async handleDelete() {
      let folderFilesIds = [1, 2]
      this.$confirm('此操作将永久删除文件, 是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        await this.confirmHandleFiles(folderFilesIds)
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        });
      });
    },

修改为：

    handleDelete() {
      let folderFilesIds = [1, 2]
      this.$confirm('此操作将永久删除文件, 是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(async () => {
        await this.confirmHandleFiles(folderFilesIds)
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        });
      });
    },

之前报错Unexpected reserved word 'await'，是因为错把async放到handleDelete上，这里async和await是成对出现的，所以应该放在匿名函数的位置，加async的函数会被await阻塞，await会跳出async让出线程，所以说学一个东西是一回事，会用一个东西是另外一回事。。自勉下