js代码-await in yield

在JavaScript的世界里，`await` 和 `yield` 是两个非常重要的关键字，它们分别与异步编程和协程（generator）紧密相关。理解并熟练运用这两个关键字对于编写高效、可维护的JavaScript代码至关重要。 `await` 关键字是ES2017引入的，用于异步操作的控制。它通常与Promise一起使用，使得开发者可以以同步的方式编写异步代码。当一个函数前加上 `async` 关键字声明为异步函数时，你就可以在该函数内部使用 `await`。`await` 后面接的是一个Promise，它会暂停异步函数的执行，等待Promise完成（即解决或拒绝），然后返回Promise的结果。如果Promise被解决，`await` 表达式的结果就是Promise的解决值；如果Promise被拒绝，那么会抛出一个错误，可以通过 `try...catch` 块来捕获。 例如： ```javascript async function fetchUser() { try { const response = await fetch('https://api.example.com/user'); if (!response.ok) throw new Error('Network response was not ok'); const user = await response.json(); console.log(user); } catch (error) { console.error(error); } } fetchUser(); ``` 在这个例子中，`fetchUser` 函数使用 `await` 分别等待 `fetch` 请求的完成和解析响应为JSON，使得处理网络请求变得更加清晰和易于理解。 接下来，`yield` 关键字是ES6引入的，主要用于生成器（generator）函数。生成器是一种特殊的函数，可以暂停和恢复执行，允许你在执行流程中保留状态。当你遇到 `yield` 表达式时，生成器函数会暂停，并将表达式的值返回给调用者。之后，你可以通过调用 `next()` 方法恢复生成器的执行，传入的值会被当作 `yield` 表达式的返回结果。 下面是一个简单的生成器示例，用于遍历数组： ```javascript function* iterateArray(array) { for (let item of array) { yield item; } } const generator = iterateArray([1, 2, 3]); console.log(generator.next().value); // 输出：1 console.log(generator.next().value); // 输出：2 console.log(generator.next().value); // 输出：3 console.log(generator.next().done); // 输出：true ``` 这个例子中，`iterateArray` 是一个生成器函数，它通过 `yield` 关键字逐个返回数组的元素。 `await` 和 `yield` 在某些情况下可以协同工作，尤其是在处理异步操作时。例如，你可以使用生成器来迭代异步操作，同时利用 `await` 管理每个操作的完成： ```javascript function* asyncOperations() { const result1 = yield fetch('https://api.example.com/data1'); const data1 = await result1.json(); const result2 = yield fetch('https://api.example.com/data2'); const data2 = await result2.json(); // ...其他异步操作 } const gen = asyncOperations(); gen.next(); // 开始执行生成器，触发第一个fetch gen.next().then(result => { // 处理data1 // ... gen.next(data1).then(result => { // 处理data2 // ... }); }); ``` 通过这样的组合，你可以创建一个复杂的异步流程，每个步骤都可以在需要时暂停，然后在适当的时候恢复，而不会阻塞整个程序。 `await` 和 `yield` 的结合使用使得处理异步任务变得更加优雅，让代码更接近同步逻辑，降低了回调地狱和复杂性。在实际开发中，结合Promise、async/await和生成器，我们可以构建出更易于理解和维护的JavaScript应用。