JS异步编程中then方法的实例代码
时间: 2024-05-02 22:21:47 浏览: 95
以下是一个简单的使用then方法的异步编程示例:
```
function getData() {
return new Promise(function(resolve, reject) {
// 模拟异步请求数据
setTimeout(function() {
var data = {name: 'John', age: 30};
// 如果请求成功,则调用resolve方法
resolve(data);
// 如果请求失败,则调用reject方法
// reject('请求失败');
}, 2000);
});
}
// 调用getData方法并处理返回的数据
getData().then(function(data) {
console.log('请求成功');
console.log(data);
}).catch(function(error) {
console.log('请求失败');
console.log(error);
});
```
在上面的代码中,我们首先定义了一个名为`getData`的函数,它返回一个Promise对象。在这个函数中,我们模拟了一个异步请求数据的过程,使用`setTimeout`方法模拟了一个2秒钟后返回数据的情况。在这个Promise对象中,我们使用了`resolve`方法将请求成功的数据返回,如果请求失败,则可以使用`reject`方法返回错误信息。
接着,在调用`getData`方法后,我们使用了`then`方法来处理返回的数据。如果请求成功,`then`方法中的回调函数将被调用,并且传递请求成功的数据作为参数。如果请求失败,则可以使用`catch`方法来处理错误信息。
需要注意的是,`then`和`catch`方法都返回一个新的Promise对象,因此可以在它们之后继续链式调用其他的Promise方法。
阅读全文