1.串行
我们可以编写一个流程控制函数,让它来控制异步任务,一个任务完成以后,再执行另一个。这就叫串行执行。
var items = [1, 2, 3, 4, 5, 6]
var results = []
function async(arg, callback) {
console.log('参数为 ' + arg + ' , 1秒后返回结果')
setTimeout(function () {
callback(arg * 2)
}, 1000)
}
function final(value) {
console.log('完成: ', value)
}
function series(item) {
if (item) {
async(item, function (result) {
results.push(result)
return series(items.shift())
})
} else {
return final(results[results.length - 1])
}
}
series(items.shift())
``
2.`流程控制函数也可以是并行执行,即所有异步任务同时执行,等到全部完成以后,才执行final函数。
var items = [1, 2, 3, 4, 5, 6]
var results = []
function async(arg, callback) {
console.log('参数为 ' + arg + ' , 1秒后返回结果')
setTimeout(function () {
callback(arg * 2)
}, 1000)
}
function final(value) {
console.log('完成: ', value)
}
items.forEach(function (item) {
async(item, function (result) {
results.push(result)
if (results.length === items.length) {
final(results[results.length - 1])
}
})
})
上面代码中,forEach 方法会同时发起六个异步任务,等到它们全部完成以后,才会执行 final 函数。
相比而言,上面的写法只要一秒,就能完成整个脚本。
3.
并行与串行的结合#
所谓并行与串行的结合,就是设置一个门槛,每次最多只能并行执行 n 个异步任务,这样就避免了过分占用系统资源。
var items = [1, 2, 3, 4, 5, 6]
var results = []
var running = 0
var limit = 2
function async(arg, callback) {
console.log('参数为 ' + arg + ' , 1秒后返回结果')
setTimeout(function () {
callback(arg * 2)
}, 1000)
}
function final(value) {
console.log('完成: ', value)
}
function launcher() {
while (running < limit && items.length > 0) {
var item = items.shift()
async(item, function (result) {
results.push(result)
running--
if (items.length > 0) {
launcher()
} else if (running == 0) {
final(results)
}
})
running++
}
}
launcher()
并行与串行的结合#
所谓并行与串行的结合,就是设置一个门槛,每次最多只能并行执行 n 个异步任务,这样就避免了过分占用系统资源。
var items = [1, 2, 3, 4, 5, 6]
var results = []
var running = 0
var limit = 2
function async(arg, callback) {
console.log('参数为 ' + arg + ' , 1秒后返回结果')
setTimeout(function () {
callback(arg * 2)
}, 1000)
}
function final(value) {
console.log('完成: ', value)
}
function launcher() {
while (running < limit && items.length > 0) {
var item = items.shift()
async(item, function (result) {
results.push(result)
running--
if (items.length > 0) {
launcher()
} else if (running == 0) {
final(results)
}
})
running++
}
}
launcher()