在 javascript 的 promise 链中,箭头函数可以直接作为 .then() 和 .catch() 的回调参数传入,利用其简洁语法处理异步结果或错误。推荐使用箭头函数是因为它不绑定自身的 this,从而避免在对象方法中调用时出现的上下文丢失问题,同时代码更加紧凑易读。

如何处理成功返回的数据
在 .then() 中使用箭头函数接收上一个 Promise 解析出的值,并直接返回处理后的新值以继续链式调用。这种写法省去了显式的 function 关键字,使数据流向一目了然。

fetch('/api/data')
.then(response => response.json())
.then(data => {
console.log('Success:', data);
return data.id;
});
如何捕获并处理异常
在 .catch() 中使用箭头函数统一捕获链中任何阶段抛出的错误或拒绝的 Promise。箭头函数在此处同样保持简洁,且能正确继承外层的 this 作用域,确保在类方法中也能访问实例属性。

fetch('/api/data')
.then(res => res.json())
.catch(error => {
console.error('Failed:', error.message);
});
当 catch 中再次抛出错误时会发生什么
如果在 .catch() 的箭头函数内部重新 throw 一个错误,或者返回一个被拒绝的 Promise,链式调用会立即跳转到下一个 .catch() 块进行处理。这意味着错误处理可以被分层拦截,未在当前层解决的错误会继续向下游传递。
Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南











