用chrome体验Javascript ES7中的async/await

在百度上下载最新的chrome浏览器, 打开空白页(about:blank), 按F12打开控制台.

先写一个普通函数做对比

function normalFn() {

  console.log(1);

  setTimeout(() => console.log(2), 1000);

  console.log(3);

}

运行这个普通函数, 结果输出顺序是 1->3->2

再写一个async函数

async function asyncFn() {

  console.log(1);

  const result = await new Promise((resolve, reject) => {

    setTimeout(() => {

      console.log(2);

      resolve('resolve');

    }, 1000);

  });

  console.log(result);

  console.log(3);

}

运行这个async函数, 结果输出顺序是 1->2->resolve->3

async函数返回一个Promise对象, 后面可以跟then方法

asyncFn().then(()=>console.log(4))