分享更有价值
被信任是一种快乐

JavaScript ES6异步函数有哪些

文章页正文上

本篇内容主要讲解“JavaScript ES6异步函数有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript ES6异步函数有哪些”吧!异步功能由两部分组成:1)以函数为前缀的常规async函数1234async
function
fetchdata(url){// Do something// Always returns a promise}2)await在主Async函数中使用异步函数调用前的关键字。一个例子胜过千言万语。以下是基于Promise的示例的重写,以使用Async函数:1234五6789101112131415161718192021免费云主机、域名2223function
getasync(url) {
// same as original functionreturn
new
Promise((resolve, reject) => {const xhr =
new
XMLHttpRequest()xhr.open("GET", url)xhr.onload = () => resolve(xhr.responseText)xhr.onerror = () => reject(xhr.statusText)xhr.send()})}async
function
fetchdata(){
// main Async functionvar
text1 = await getasync('test.txt')console.log(text1)var
text2 = await getasync('test2.txt')console.log(text2)var
text3 = await getasync('test3.txt')console.log(text3)return
"Finished"}fetchdata().then((msg) =>{console.log(msg)
// logs "finished"})上面的例子运行时回显“test.txt”,“test2.txt”,“test3.txt”的内容,最后按顺序“完成”。正如您所看到的,在异步函数内部,我们将异步函数getasync()称为同步函数 -无需then()方法或回调函数来指示下一步。只要await遇到关键字,执行就会暂停,直到getasync()解决,然后再转到Async函数中的下一行。结果与纯粹的基于Promised的方法相同,使用一系列then()方法。到此,相信大家对“JavaScript ES6异步函数有哪些”有了更深的了解,不妨来实际操作一番吧!这里是云技术网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

相关推荐: html中applet标签怎么用

这篇文章主要介绍了html中applet标签怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 实例 一个嵌入的 Java applet: 标签定义及使用说明 HTML5不支持标签。请使用标签…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册