旅游景点 旅游攻略 日本旅游 文化旅游 旅游景区 昆明旅游 桂林旅游 乡村旅游 上海旅游

用chrome体验Javascript ES7中的async/await

时间:2024-10-17 00:15:59

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 r髫潋啜缅esult = 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
© 2025 途途旅游
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com