async和await - Githubissues

ES8 的 async/await 旨在解决利用异步结构组织代码的问题。

async 关键字用于声明异步函数。这个关键字可以用在函数声明、函数表达式、箭头函数和方法上：

async function foo() {} 
let bar = async function() {}; 
let baz = async () => {}; 
class Qux { 
 async qux() {} 
}

异步函数如果使用 return 关键字返回了值（如果没有 return 则会返回 undefined），这个值会被 Promise.resolve()包装成一个期约对象
在异步函数中抛出(throw)错误会返回拒绝的期约可以被catch捕获
拒绝期约的错误不会被异步函数捕获

使用 await关键字可以暂停异步函数代码的执行，等待期约解决。

async function foo() { 
 console.log(await Promise.resolve('foo')); 
} 
foo();

async/await 中真正起作用的是 await。async 关键字，无论从哪方面来看，都不过是一个标识符。异步函数如果不包含 await 关键字，其执行基本上跟普通函数没有什么区别。

JavaScript 运行时在碰到 await 关键字时，会记录在哪里暂停执行。等到 await 右边的值可用了，JavaScript 运行时会向消息队列中推送一个任务，这个任务会恢复异步函数的执行。
即使 await 后面跟着一个立即可用的值，函数的其余部分也会被异步求值。

async function foo() { 
 console.log(2); 
 await null; 
 console.log(4); 
} 
console.log(1); 
foo(); 
console.log(3); 
// 1 
// 2 
// 3 
// 4

控制台中输出结果的顺序很好地解释了运行时的工作过程：

✨注意：先执行同步代码，再执行异步代码，异步代码有两类，一类微任务，一类宏任务。每次先执行微任务，全部微任务执行完，再执行一个宏任务。然后执行完宏任务，再在消息队列中执行所有微任务，再宏任务，如此循环。

微任务：MutationObserver、Promise.then()或catch()、Promise为基础开发的其它技术，比如fetch API、V8的垃圾回收过程、Node独有的process.nextTick。

宏任务：script 、setTimeout、setInterval 、setImmediate 、I/O 、UI rendering。

⚠️注意：在所有任务开始的时候，由于宏任务中包括了script，所以浏览器会先执行一个宏任务，在这个过程中你看到的延迟任务(例如setTimeout)将被放到下一轮宏任务中来执行。

题目集锦：

Twlig / issuesBlog