用chrome体验Javascript ES7中的async/await

 时间:2026-05-04 22:54:16

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

用chrome体验Javascript ES7中的async/await

2、先写一个普通函数做对比

function normalFn() {

  console.log(1);

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

  console.log(3);

}

用chrome体验Javascript ES7中的async/await

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

用chrome体验Javascript ES7中的async/await

4、再写一个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);

}

用chrome体验Javascript ES7中的async/await

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

用chrome体验Javascript ES7中的async/await

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

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

用chrome体验Javascript ES7中的async/await

  • fifa13键盘操作技巧
  • 剑网三盘丝洞怎么打
  • 五福小财神兑换码怎么使用
  • 快音悦新用户如何邀请
  • 魔兽世界任务召唤所有援助
  • 热门搜索
    有关绿色环保的手抄报 消防手抄报图片大全 植树节手抄报图片大全 爱我中华手抄报内容 六一手抄报图片 大自然的手抄报 手抄报图片大全5年级 重阳节手抄报内容大全 八一建军节手抄报 元宵节手抄报内容资料