then方法链式调用代码示例
时间: 2024-10-15 13:18:55 浏览: 28
详解ES6 Promise对象then方法链式调用
5星 · 资源好评率100%
then方法链式调用在JavaScript中非常常见,特别是在处理异步操作时,如Promise和async/await函数。下面是一个简单的例子,假设我们有一个返回Promise的函数`getUserData`,我们可以使用`.then`方法链式地获取用户数据并执行后续操作:
```javascript
function getUserData(userId) {
return new Promise((resolve, reject) => {
// 模拟异步请求,比如从API获取数据
setTimeout(() => {
if (userId === 'valid') {
resolve({ name: 'John', age: 30 });
} else {
reject('Invalid user ID');
}
}, 2000);
});
}
// 链式调用then方法获取用户数据并打印
getUserData('valid')
.then(userData => {
console.log(`User data: ${userData.name}, Age: ${userData.age}`);
// 这里可以继续添加更多的.then()方法来处理其他逻辑
})
.catch(error => {
console.error('Error:', error);
});
```
在这个例子中,如果用户ID有效,会打印出用户数据;如果无效,则捕获错误并打印出来。
阅读全文