如何区分JavaScript中的Promise、async和await三者之间的具体差异与用法？
- 内容介绍
- 文章标签
- 相关推荐
本文共计517个文字，预计阅读时间需要3分钟。
终于搞懂了Promise、async、await的区别和联系了。下面是代码示例和写法说明：
1. Promise的写法：javascriptfunction fetchData() { return new Promise((resolve, reject)=> { // 模拟异步操作 setTimeout(()=> { resolve('数据获取成功'); }, 1000); });}
fetchData().then(result=> { console.log(result);}).catch(error=> { console.error(error);});
2. async和await的写法：javascriptasync function fetchData() { try { const result=await new Promise((resolve, reject)=> { // 模拟异步操作 setTimeout(()=> { resolve('数据获取成功'); }, 1000); }); console.log(result); } catch (error) { console.error(error); }}
fetchData();
主要看第2种和第6种写法。第2种是async函数的写法，它使用await关键字等待Promise结果。
本文共计517个文字，预计阅读时间需要3分钟。
终于搞懂了Promise、async、await的区别和联系了。下面是代码示例和写法说明：
1. Promise的写法：javascriptfunction fetchData() { return new Promise((resolve, reject)=> { // 模拟异步操作 setTimeout(()=> { resolve('数据获取成功'); }, 1000); });}
fetchData().then(result=> { console.log(result);}).catch(error=> { console.error(error);});
2. async和await的写法：javascriptasync function fetchData() { try { const result=await new Promise((resolve, reject)=> { // 模拟异步操作 setTimeout(()=> { resolve('数据获取成功'); }, 1000); }); console.log(result); } catch (error) { console.error(error); }}
fetchData();
主要看第2种和第6种写法。第2种是async函数的写法，它使用await关键字等待Promise结果。