本篇内容主要讲解“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 function
return
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 function
var
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标签怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 实例 一个嵌入的 Java applet: 标签定义及使用说明 HTML5不支持标签。请使用标签…