如何使用 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 文档中