《JS原理、方法与实践》- ES6新增对象(下篇)

异步处理(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('提交完流程后做其
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值