序言
js有许多触发器处置的软件系统，而async/await是当中的一类，前段时间有在自学和利用koa，在服务器端中，极少加进promise，而要优先选择了更为典雅的async/await。总之，一类新计划的出现，他们不仅须要专业委员会是不是写，也要专业委员会他的基本原理。
async/await起著甚么促进作用
async/await从字面上原意上较好认知，async是触发器的原意，await有等候的原意，而二者的用语上也是这般。async用作言明两个function是触发器的，而await 用作等候两个触发器方式继续执行顺利完成。
async
async的句法很单纯，是在函数结尾加两个URL，实例如下表所示：
async function f() {
return 1;
}
拷贝标识符
asyncURL的原意很单纯，是函数回到的是两个promise。
async function f() {
return 1;
}
f().then((res) => {
console.log(res)
}) // 1
拷贝标识符
async函数会回到两个promise第一类，假如function中回到的是两个值，async间接会用Promise.resolve()包覆呵呵回到。
await
关键字await是等候的原意，所以他在等甚么呢？ 在MDN上写的是：
[return_value] = await expression;
拷贝标识符
等的是两个函数，所以函数，能是两个自表达式，表达式，promise，函数等。
function getSomething() {
return “something”;
}
async function testAsync() {
return Promise.resolve(“hello async”);
}
async function test() {
const v1 = await getSomething();
const v2 = await testAsync();
console.log(v1, v2);
}
test(); // something hello async
拷贝标识符
为甚么await关键字只能在async函数中用 await操作符等的是两个回到的结果，所以假如是同步的情况，那就间接回到了。
那假如是触发器的情况呢，触发器的情况下，await会阻塞整两个流程，直到结果回到之后，才会继续下面的标识符。
阻塞标识符是两个很可怕的事情，而async函数，会被包在两个promise中，触发器去继续执行。所以await只能在async函数中使用，假如在正常程序中使用，会造成整个程序阻塞，得不偿失。async/await中错误处置
promise并不是只有一类resolve，还有一类reject的情况。而await只会等候两个结果，所以发生错误了该是不是处置呢？
用try-catch来做错误捕捉 async function myFunction() {
try {
await Promise.reject(1);
} catch (err) {
console.log(err);
}
}
myFunction(); // 1
拷贝标识符
用promise的catch来做错误捕捉async function myFunction() {
await Promise.reject(1).catch((err) => {
console.log(err);
});
}
myFunction(); // 1
拷贝标识符
async/await和promise的区别
promise最大的问题是在于业务复杂之后，then内部的逻辑也变得复杂，或者循环的触发器嵌套场景等，会写出来不所以优美。
我随意列举两个嵌套的例子，然后分别用async/await和promise，你就能感受到二者之间的差距：
function takeLongTime(n) {
return new Promise(resolve => {
setTimeout(() => resolve(n), n);
});
}
function step1(n) {
console.log(`step1 with ${n}`);
return takeLongTime(n);
}
function step2(m, n) {
console.log(`step2 with ${m} and ${n}`);
return takeLongTime(m + n);
}
function step3(k, m, n) {
console.log(`step3 with ${k}, ${m} and ${n}`);
return takeLongTime(k + m + n);
}
拷贝标识符
takeLongTime起著的促进作用是延时之后给出延时的数据。
step1代表第一步延时了多久。
step2代表第一步和第二部总共延时了多久。
step3代表第一步、第二步和第三步一共延时了多久。
promise版本 function doIt() {
console.time(“doIt”);
const time1 = 300;
step1(time1)
.then(time2 => {
return step2(time1, time2)
.then(time3 => [time1, time2, time3]);
})
.then(times => {
const [time1, time2, time3] = times;
return step3(time1, time2, time3);
})
.then(result => {
console.log(`result is ${result}`);
console.timeEnd(“doIt”);
});
}
doIt();
拷贝标识符
async/await版本async function doIt() {
console.time(“doIt”);
const time1 = 300;
const time2 = await step1(time1);
const time3 = await step2(time1, time2);
const result = await step3(time1, time2, time3);
console.log(`result is ${result}`);
console.timeEnd(“doIt”);
}
doIt();
拷贝标识符
在这种复杂逻辑中，他们就能发现async/await确实比then链有优势。
总结
async/await是一类异步的软件系统，而koa中支持这一特性，所以，在基于koa来写服务器端标识符的时候，这种句法糖不可避免，自学和利用它是他们的必修课。
