JavaScript 中的 then 语句及其巧妙运用375

在 JavaScript 中，`.then` 语句是 Promise 对象提供的强大工具，用于处理异步操作的返回值。它允许我们以简洁的方式将多个异步操作链接起来，并根据前一个操作的结果执行后续操作。

什么是 Promise？

Promise 是一种 JavaScript 对象，它表示一个异步操作的潜在结果。它有三种状态：`pending`（等待）、`fulfilled`（已完成）和 `rejected`（已拒绝）。当异步操作完成后，Promise 会被解析为一个值（`fulfilled`）或一个错误（`rejected`）。

`.then` 语句

`` 方法将一个回调函数作为参数，该函数将在 Promise 被解析为值时执行。如果 Promise 被解析为错误，则会调用 `.catch` 方法中的错误处理程序。`then` 语句返回一个新的 Promise，该 Promise 表示调用回调函数的操作。示例：
```javascript
fetch('/api/v1/users')
.then(response => ())
.then(data => (data));
```
在本例中，`fetch` API 返回一个 Promise，表示获取远程 API 数据的操作。第一个 `.then` 回调函数从响应中提取 JSON 数据，而第二个 `.then` 回调函数将 JSON 数据记录到控制台。

`.then` 语句的链式调用

`then` 语句可以链式调用，以连接多个异步操作。每个 `.then` 回调函数都可以返回一个 Promise，从而创建一个异步操作的序列。示例：
```javascript
fetch('/api/v1/users')
.then(response => ())
.then(users => fetch('/api/v1/posts', {
headers: {
'Content-Type': 'application/json'
},
method: 'POST',
body: (users)
}))
.then(response => ())
.then(data => (data));
```
在此示例中，我们首先获取用户数据，然后使用该数据创建新的帖子。每个 `.then` 回调函数都返回一个 Promise，表示相应的异步操作，从而形成一个异步操作的序列。

处理错误

如果 Promise 被解析为错误，则可以调用 `.catch` 方法来处理该错误。`.catch` 方法将一个错误处理程序作为参数，该错误处理程序在 Promise 被拒绝时执行。示例：
```javascript
fetch('/api/v1/users')
.then(response => ())
.then(users => (users))
.catch(error => (error));
```
在本例中，如果 `fetch` 操作或 `` 操作失败，则 `.catch` 回调函数将被调用，并记录错误到控制台。

巧妙运用

`then` 语句可以巧妙地用于各种场景：

处理异步数据加载：使用 `.then` 语句可以轻松地处理异步数据加载，并根据加载的结果执行后续操作。
创建异步任务队列：通过链式调用 `.then` 语句，可以创建一组按顺序执行的异步任务队列。
错误处理：`.then` 语句允许在异步操作中优雅地处理错误，避免阻塞或中断执行流程。
控制并发：`.then` 语句可以用于控制并发异步操作，例如并行执行多个请求或限制同时运行的请求数量。

`then` 语句是 JavaScript 中处理异步操作的强大工具。它允许我们轻松地链接异步操作，处理错误，并创建复杂的工作流。通过巧妙运用 `.then` 语句，我们可以构建高效、可维护且可扩展的异步应用程序。

2024-12-13

上一篇：在 C 环境中调用 JavaScript

下一篇：面向对象 JavaScript: 深入理解其概念和应用