认识达内从这里开始

异步（async）函数是ES7的一个新的特性，它结合了Promise，让我们摆脱callback的束缚，直接用类同步的“线性”方式，写异步函数。

声明异步函数，只需在普通函数前添加一个关键字async即可，如async function main(){}。在异步函数中，可以使用await关键字，表示等待后面表达式的执行结果，一般后面的表达式是Promise实例。

async function main{

// timer是在上一个例子中定义的

var value = await timer(100);

console.log(value); // done（100ms后返回done）

}

main();

异步函数和普通函数一样调用main()。调用后，会立即执行异步函数中的第一行代码var value = await timer(100)。等到异步执行完成后，才会执行下一行代码。

除此之外，异步函数和其他函数基本类似，它使用try...catch来捕捉异常。也可以传入参数。但不要在异步函数中使用return来返回值。

var  timer = new Promise(function create(resolve,reject) {

if(typeof delay !== 'number'){

reject(new Error('type error'));

}

setTimeout(resolve,delay,'done');

});

async function main(delay){

try{

var value1 = await timer(delay);

var value2 = await timer('');

var value3 = await timer(delay);

}catch(err){

console.error(err);

// Error: type error

//   at create (<anonymous>:5:14)

//   at timer (<anonymous>:3:10)

//   at A (<anonymous>:12:10)

}

}

main(0);

异步函数也可以被当作值，传入普通函数和异步函数中执行。但是在异步函数中，使用异步函数时要注意，如果不使用await，异步函数会被同步执行。

async function main(delay){

var value1 = await timer(delay);

console.log('A')

}

async function doAsync(main){

main(0);

console.log('B')

}

doAsync(main);

// B A

这个时候打印出来的值是B A。说明doAsync函数并没有等待main的异步执行完毕就执行了console。如果要让console在main的异步执行完毕后才执行，我们需要在main前添加关键字await。

async function main(delay){

var value1 = await timer(delay);

console.log('A')

}

async function doAsync(main){

await main(0);

console.log('B')

}

doAsync(main);

// A B

由于异步函数采用类同步的书写方法，所以在处理多个并发请求，新手可能会像下面一样书写。这样会导致url2的请求必需等到url1的请求回来后才会发送。

var fetch = function (url) {

return new Promise(function (resolve,reject) {

ajax(url,resolve,reject);

});

}

async function main(){

try{

var value1 = await fetch('url1');

var value2 = await fetch('url2');

conosle.log(value1,value2);

}catch(err){

console.error(err)

}

}

main();

使用Promise.all的方法来解决这个问题。Promise.all用于将多个Promise实例，包装成一个新的Promis e实例，当所有的Promise成功后才会触发Promise.all的resolve函数，当有一个失败，则立即调用Promise.all的reject函数。

var fetch = function (url) {

return new Promise(function (resolve,reject) {

ajax(url,resolve,reject);

});

}

async function main(){

try{

var arrValue = await Promise.all[fetch('url1'),fetch('url2')];

conosle.log(arrValue[0],arrValue[1]);

}catch(err){

console.error(err)

}

}

main();