如何使用 JavaScript 中的 .then()244


简介

JavaScript 中的 .then() 方法用于对异步操作的结果进行处理。它是一个 Promise 对象上的方法,当异步操作(例如 fetch 请求或 Promise)完成时,它允许我们获取结果并执行后续操作。

语法

.then() 方法的语法如下:```typescript
(
(result) => {
// 处理结果
},
(error) => {
// 处理错误
}
);
```
* promise 是一个 Promise 对象,表示异步操作。
* result 是异步操作成功时的结果。
* error 是异步操作失败时的错误对象。

使用方法

要使用 .then() 方法,我们需要创建一个 Promise 对象,然后调用 .then() 方法。例如,我们可以在以下代码中使用 .then() 方法来处理 fetch 请求的结果:```typescript
fetch("/api/data")
.then((response) => {
// 处理响应
})
.catch((error) => {
// 处理错误
});
```
* 首先,我们创建了一个 Promise 对象,它表示对 "/api/data" 端点的 fetch 请求。
* 然后,我们调用 .then() 方法,在成功时处理响应。
* 如果请求失败,我们可以使用 .catch() 方法来处理错误。

处理结果

在 .then() 的处理函数中,我们可以访问异步操作的结果。我们可以使用此结果来进行进一步的操作,例如更新 UI、存储数据或执行其他异步操作。

处理错误

在 .then() 的处理函数中,我们可以访问异步操作失败时的错误对象。我们可以使用此错误对象来处理错误,例如记录错误或向用户显示错误消息。

链式调用

.then() 方法可以链式调用,这意味着我们可以将多个 .then() 调用链接在一起。这使我们能够在异步操作完成时执行一系列操作。```typescript
fetch("/api/data")
.then((response) => {
return ();
})
.then((data) => {
// 处理数据
})
.catch((error) => {
// 处理错误
});
```
* 在此示例中,我们首先获取响应,然后将响应转换为 JSON 格式。最后,我们处理转换后的数据。

.then() 方法是 JavaScript 中处理异步操作结果的有力工具。它使我们能够在异步操作完成时执行后续操作,处理错误并链式执行多个操作。通过了解如何使用 .then(),我们可以编写更有效和健壮的异步代码。

2024-12-22


上一篇:Windows JavaScript 应用开发

下一篇:JavaScript 引入:将外部脚本加载到 HTML 文档中