当前位置:网站首页>async / await
async / await
2022-07-07 05:39:00 【InfoQ】
async / await
//fn It's an asynchronous function
async function fn() {
// await keyword , This function must have async
const res = await pAjax({ url: './server/a.php', dataType: 'json' })
// When pAjax The request sent did not come back before , res Will not be assigned
// Only after asking to come back , res Will be assigned a value
// If this print comes back before the request , res No results
// If res It turns out , prove : This code has been delayed , Postpone to the later promise After the object is completed
console.log(res)
console.log(' Subsequent code ')
}
fn()
async function fn() {
const res1 = await pAjax({ url: './server/a.php', dataType: 'json' })
console.log(' demand 1: ', res1)
const res2 = await pAjax({ url: './server/b.php', dataType: 'json', data: res1 })
console.log(' demand 2: ', res2)
const res3 = await pAjax({ url: './server/c.php', dataType: 'json', data: res2 })
console.log(' demand 3: ', res3)
}
console.log('start')
fn()
console.log('end')
const div = document.querySelector('div')
div.addEventListener('click', async () => {
const res1 = await pAjax({ url: './server/a.php', dataType: 'json' })
console.log(' demand 1: ', res1)
const res2 = await pAjax({ url: './server/b.php', dataType: 'json', data: res1 })
console.log(' demand 2: ', res2)
const res3 = await pAjax({ url: './server/c.php', dataType: 'json', data: res2 })
console.log(' demand 3: ', res3)
})
generator function
// When there is an asterisk , fn It's no longer a function
function* fn() {
console.log(' I'm the first paragraph Code ')
yield ' The first paragraph ends '
console.log(' I'm the second paragraph Code ')
yield ' The second paragraph ends '
console.log(' I'm the third paragraph Code ')
return ' The third paragraph ends '
}
// result Namely fn Generate a for iterator
const result = fn()
// for the first time , from fn Execute from the beginning of to the first yield,
// hold yield The latter is treated as a return value
const first = result.next()
console.log(first)
// The second time , From the first time yield Then start to execute to the second yield end
// hold the second yield The latter is treated as a return value
const second = result.next()
console.log(second)
const third = result.next()
console.log(third)
const arr = ['hello', 'world', ' Hello ', ' The world ']
const obj = { name: 'jack' }
for (let key in arr) {
console.log(key, arr[key])
}
for (let value of arr) {
console.log(value)
}
const s = new Set(['hello', 'world', ' Hello ', ' The world '])
// 1. add to
s.add(true)
const s = new Set(['hello', 'world', ' Hello ', ' The world '])
// 2. Delete
s.delete(' The world ')
const s = new Set(['hello', 'world', ' Hello ', ' The world '])
// 3. Judge
console.log(s.has(' Hello '))
// 6. for of Loop to traverse
for (let value of s) {
console.log(value)
}
duplicate removal
const arr = [1, 2, 3, 4, 5, 4, 3, 2, 3, 4, 5, 2, 1]
const res = [...new Set(arr)]
console.log(res)
边栏推荐
- 说一说MVCC多版本并发控制器?
- How digitalization affects workflow automation
- JSP setting header information export to excel
- Vector and class copy constructors
- 5. 数据访问 - EntityFramework集成
- Senior programmers must know and master. This article explains in detail the principle of MySQL master-slave synchronization, and recommends collecting
- Jhok-zbg2 leakage relay
- C#可空类型
- Phenomenon analysis when Autowired annotation is used for list
- 淘寶商品詳情頁API接口、淘寶商品列錶API接口,淘寶商品銷量API接口,淘寶APP詳情API接口,淘寶詳情API接口
猜你喜欢
AI人脸编辑让Lena微笑
Design, configuration and points for attention of network specified source multicast (SSM) simulation using OPNET
DOM node object + time node comprehensive case
Dj-zbs2 leakage relay
分布式全局ID生成方案
Leakage relay jelr-250fg
DOM-节点对象+时间节点 综合案例
K6EL-100漏电继电器
Two person game based on bevy game engine and FPGA
K6el-100 leakage relay
随机推荐
5阶多项式轨迹
Design, configuration and points for attention of network arbitrary source multicast (ASM) simulation using OPNET
[binary tree] binary tree path finding
一条 update 语句的生命经历
利用OPNET进行网络指定源组播(SSM)仿真的设计、配置及注意点
Lombok插件
论文阅读【Sensor-Augmented Egocentric-Video Captioning with Dynamic Modal Attention】
Digital innovation driven guide
JHOK-ZBG2漏电继电器
Annotation初体验
论文阅读【Semantic Tag Augmented XlanV Model for Video Captioning】
Paper reading [open book video captioning with retrieve copy generate network]
淘寶商品詳情頁API接口、淘寶商品列錶API接口,淘寶商品銷量API接口,淘寶APP詳情API接口,淘寶詳情API接口
Mybaits之多表查询(联合查询、嵌套查询)
JVM (19) -- bytecode and class loading (4) -- talk about class loader again
利用OPNET进行网络任意源组播(ASM)仿真的设计、配置及注意点
论文阅读【Open-book Video Captioning with Retrieve-Copy-Generate Network】
Use, configuration and points for attention of network layer protocol (taking QoS as an example) when using OPNET for network simulation
照片选择器CollectionView
Taobao store release API interface (New), Taobao oauth2.0 store commodity API interface, Taobao commodity release API interface, Taobao commodity launch API interface, a complete set of launch store i