javascript 异步中的回调与promise
/*
//函数中使用异步返回的结果方法一：使用回调函数
function getSomething(cb) {
let r = 0
setTimeout(() => {
r = 2
cb(r)
},1000)
return r
}
function compute(x) {
console.log(x * 2)
}
getSomething(compute)
*/
/*
//函数中使用异步返回的结果方法二：使用promise
function getSomething() {
let r = 10
return new Promise((resolve, reject) => {
setTimeout(() => {
r = 30
resolve(r)
},1000)
})
}
function compute(x) {
console.log(x * 2)
}
//promise.then()会调用里边的回调函数,这个回调函数就是compute
getSomething().then(compute)
// getSomething().then((val) => {
// console.log(val * 2)
// })
*/
/*
//函数中使用异步返回的结果方法三：使用 generator
function getSomehing() {
let r = 0
setTimeout(() => {
r = 20
it.next(r)
},2000)
}
function *compute(it) {
let x = yield getSomehing()
console.log(x * 2)
}
let it = compute()
it.next()
*/
//函数中使用异步返回的结果方法四：大招：使用 async/await结合promise
function getSomething(){
let r = 0
return new Promise((resolve, reject) => {
setTimeout(() => {
r = 20
resolve(r)
}, 2000)
})
}
async function compute(){
const res = await getSomething()
console.log(res * 2)
}
compute()
本文由 dealdot ＜dealdot＃163.com＞ 创作, Full Stack Developer @ DeepBlue
本文最后编辑时间为: Apr 15, 2021 at 16:36 pm
转载请注明来源