从async await 报错Unexpected identifier 谈谈对上下文的理解

Posted 2020-10-06 游龙翔隼

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了从async await 报错Unexpected identifier 谈谈对上下文的理解相关的知识，希望对你有一定的参考价值。

原文首发地址：http://www.cnblogs.com/lonhon/p/7518231.html

先简单介绍下async await：

　　async/await是ES6推出的异步处理方案，目的也很明确：更好的实现异步编程。详细见阮大神 ES6入门

现在说说实践中遇到的问题：使用await报错Unexpected identifier

先上代码：

var sleep = function (time) {
    return new Promise(function (resolve, reject) {
        setTimeout(function () {
            resolve((\'999\'));
        }, time);
    })
};
let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
var start = async function(){
    arr.forEach(()=>{
        console.log( await sleep(2000) )
    })
}
start();

在循环中使用sleep方法，这时候报错：Unexpected identifier

原因：通过查资料发现一句话 await必须在async函数的上下文中。（后面重点讲）通过个人理解的这句话就是await只能在async函数中使用。

以上面的代码为例子，虽然最外层start函数是通过async声明的，在start函数体内部的箭头函数中使用了await，而该箭头函数是一个普通函数，所以await的上文是一个普通函数，最终导致报错。

解决办法，将箭头函数声明为async函数，代码如下：

var sleep = function (time) {
    return new Promise(function (resolve, reject) {
        setTimeout(function () {
            resolve(console.log(\'999\'));
        }, time);
    })
};
let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
var start = function(){
    arr.forEach(async ()=>{
        await sleep(2000)
    })
}
start();