es6 promise then对异常处理的方法

1. then()里有两个回调函数,第一个是成功后(resolve返回)的回调function(data) {}, 另一个是失败后(reject返回)的回调function(err) {},异常发生时可以放在第二个回调里面处理。

2. 也可以在then后面加.catch,在这里面进行异常处理

建议用2

function test(flag) {
	return new Promise((resolve, reject) => {
		if (flag == 1) {
			resolve("success");
		} else {
			reject("fail");
		}
		
	})
}

function test2 () {
	return new Promise((resolve, reject) => {
		test(2).then((data) => {
					console.log(data);
					resolve(data);
				}, (err) => {
					console.log(err);
					reject(err);
			});
	})
	
}


//错误写法
//function test2 () {
//	return new Promise((resolve, reject) => {
//		test(2).then((data, err) => {
//			(data) => {
//				console.log(data);
//				resolve(data);
//			}, (err) => {
//				console.log(err);
//				reject(err);
//			}
//		});
//	});
//}

// 建议的写法
function test3 () {
	return new Promise((resolve, reject) => {
		test(2).then((data) => {
			console.log(data);
			resolve(data);
		}).catch((err) => {
			console.log(err);
			reject(err);
		});
	});
	
}

test2().then((data) => {
	console.log(data);
})

test3().then((data) => {
	console.log(data);
})

阮一峰老师的es6教程里也有如下解释:

 

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ES6(ECMAScript 2015)引入了Promise对象,它是一种异步编程的解决方案。当一个异步操作完成后,Promise对象会返回一个代表操作结果的值,而不是像传统方式那样使用回调函数。 Promise对象的then方法用于指定操作成功和失败时的回调函数。而且可以将then方法连续使用,形成链式调用。当一个Promise对象的then方法返回另一个Promise对象时,后续的then方法都会等待该Promise对象的状态改变。 链式调用的好处在于减少了回调函数嵌套的层数,提高了代码的可读性和可维护性。通过then方法的链式调用,可以构建一串异步操作,使得代码逻辑更加清晰。 例如: ``` function getJSON(url) { return new Promise((resolve, reject) => { const xhr = new XMLHttpRequest(); xhr.open('GET', url); xhr.onreadystatechange = function() { if (xhr.readyState === 4) { if (xhr.status === 200) { resolve(JSON.parse(xhr.responseText)); } else { reject(new Error('Unable to fetch data')); } } }; xhr.send(); }); } getJSON('/data/user.json') .then(user => { return getJSON(`/data/profile/${user.id}.json`); }) .then(profile => { console.log(profile); }) .catch(error => { console.error(error); }); ``` 上述代码展示了一个获取用户信息和个人资料的异步操作,其中getJSON函数返回一个Promise对象。通过then方法的链式调用,可以先获取用户信息,然后再获取个人资料。如果有任何一个异步操作失败,则会进入catch回调函数。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值