Js | Promise Chain

测试代码

function taskA() {
 console.log("Task A");
}
function taskB() {
 console.log("Task B");
}
function onRejected(error) {
 console.log("Catch Error: A or B", error);
}
function finalTask() {
 console.log("Final Task");
}
var promise = Promise.resolve();
promise
 .then(taskA)
 .then(taskB)
 .catch(onRejected)
 .then(finalTask);

promise chain的执行流程

Task A产生异常的例子

function taskA() {
 console.log("Task A");
 throw new Error("throw Error @ Task A")
}
function taskB() {
 console.log("Task B");// 不会被调用
}
function onRejected(error) {
 console.log(error);// => "throw Error @ Task A"
}
function finalTask() {
 console.log("Final Task");
}
var promise = Promise.resolve();
promise
 .then(taskA)
 .then(taskB)
 .catch(onRejected)
 .then(finalTask);

Task B产生异常的例子

function taskA() {
 console.log("Task A");
}
function taskB() {
 console.log("Task B");// 不会被调用
 throw new Error("throw Error @ Task A")
}
function onRejected(error) {
 console.log(error);// => "throw Error @ Task A"
}
function finalTask() {
 console.log("Final Task");
}
var promise = Promise.resolve();
promise
 .then(taskA)
 .then(taskB)
 .catch(onRejected)
 .then(finalTask);

Promise Chain 传参

function doubleUp(value) {
	return value * 2;
}
function increment(value) {
	return value + 1;
}
function output(value) {
 	console.log(value);// => (1 + 1) * 2
}
var promise = Promise.resolve(1);
promise
 	.then(increment)
 	.then(doubleUp)
 	.then(output)
 	.catch(function(error){
	// promise chain中出现异常的时候会被调用
	console.error(error);
});