Node.jsで、Promiseを使用したイテレーションのデザインパターンについて学んだので書いていく。
複数の、Promiseオブジェクトを返すタスクを逐次実行するのには、以下のパターンが有効
let tasks = [task1, task2, task3]
let promise = Promise.resolve()
function task1() {
Promise.resolve(console.log('task1 completed'))
}
function task2() {
Promise.resolve(console.log('task2 completed'))
}
function task3() {
Promise.resolve(console.log('task3 completed'))
}
tasks.forEach(task => {
console.log('task handled')
promise = promise.then(() => {
return task()
})
})
console.log('all tasks handled')
promise.then(() => {
console.log('all tasks completed!')
})
このコードを実行すると、コンソールは以下の通りになる。
> "task handled"
> "task handled"
> "task handled"
> "all tasks handled"
> "task1 completed"
> "task2 completed"
> "task3 completed"
> "all tasks completed!"
このように、配列にタスクを格納し、それをforEachなどで回してpromiseのチェーンを繋いでいくイメージ。
また、forEachの代わりにreduceを用いるとよりコンパクトに書くことができる。↓
let tasks = [task1, task2, task3]
function task1() {
Promise.resolve(console.log('task1 completed'))
}
function task2() {
Promise.resolve(console.log('task2 completed'))
}
function task3() {
Promise.resolve(console.log('task3 completed'))
}
let promise = tasks.reduce((prevPromise, task) => {
console.log('task handled')
return prevPromise.then(() => {
return task()
})
}, Promise.resolve())
console.log('all tasks handled')
promise.then(() => {
console.log('all tasks completed!')
})
↧