异步处理(Promise)
ES2015中新增的Promise对象专门用于处理异步。Promise对象使用then和catch方法操作的,then方法用于执行下一步,catch方法用于执行失败后的处理。Promise实例对象的创建需要一个executor参数,executor是一个函数,在executor内部可以使用resolve和reject方法来设置业务处理完成和拒绝(失败),resolve和reject是作为executor的参数自动传入的。
代码示例:
var executor = function (resolve, reject) {
//...
resolve();// 处理完成
reject(); // 拒绝
}
var promise = new Promise(executor(resolve, reject));
实例代码示例:
// 通用的流程审批方法, approver表示审批人
// 处理方法使用等待1s来模拟
// 具体审批逻辑为:如果当时的毫秒数为基数则同意,否则退回,退回原因随机
function approve (approver, resolve, reject) {
window.setTimeout(
function() {
if(new Date().getMilliseconds() % 2 === 1) {
resolve(`${approver}: 同意`);
} else {
var r = ['内容不准确', '材料不符合', '其他原因'];
reject(`${approver}: 流程退回, 原因:${r[Math.trunc(Math.random() * r.length)]}`);
}
}
);
}
console.log('准备提交流程');
// 新建promise, 启动流程并提交处长审批
new Promise(function(resolve, reject) {
console.log('开始流程');
approve('处长', resolve, reject);
})
// 处理处长审批结果
.then(function (opinion) {
console.log(opinion);
})
// 提交部长审批
.then(function () {
return new Promise(function(resolve, reject) {
approve('部长', resolve, reject);
})
})
// 处理部长审批结果
.then(function(opinion) {
console.log(opinion);
console.log('执行流程相应操作');
})
// 流程退回处理
.catch(function (error) {
console.log(error);
console.log('重新修改资料');
});
console.log('提交完流程后做其