用es6新語法 generator實(shí)現(xiàn)
function promiseFunc(step) {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve(step + 1)
}, 3000)
})
}
function promiseFuncReject(step) {
return new Promise((resolve, reject) => {
setTimeout(() => {
reject(step + 1)
}, 3000)
})
}
function normalFunc(step) {
return step + 1
}
function* gen() {
let step = yield promiseFunc(0)
console.log(step)
step = yield promiseFunc(step)
console.log(step)
step = yield promiseFuncReject(step)
console.log(step)
step = yield normalFunc(step)
console.log(step)
return step
}
function genToAsync(genFunc) {
const gen = genFunc()
return new Promise((resolve, reject) => {
function next(val) {
let res
// 使用try catch捕獲可能出現(xiàn)的錯(cuò)誤喻奥，返回reject狀態(tài)的promise
try {
res = gen.next(val)
} catch (error) {
return reject(error)
}
const { value, done } = res
if (done) {
// 如果done為true, 說明走完了哭当，直接resolve
return resolve(value)
} else {
//如果done為false, 代表未走完, 繼續(xù)
// value可能是promise趟薄、值局装、非promise函數(shù)。醒第。谜酒。
return Promise.resolve(value).then(val => next(val)).catch(err => reject(err))
}
}
next()
})
}
genToAsync(gen)
.then(res => {
console.log(res)
})
.catch(err => {
console.log(err)
})
