awaitasync事件循环

一、await/async/事件循环

1、异步函数使用 async关键字声明，将其内部代码作为异步操作执行，返回默认为 Promise对象。常规情况下，异步函数返回值与普通函数有所不同。异常处理在异步函数中出现时，结果会变为 reject。await关键字仅能在异步函数中使用，它等待后面的 Promise表达式有结果后继续执行。在处理多次请求时，await非常适用。当 await等待的 Promise结果为 reject，则会抛出异常。await与 async结合使用，await后接 Promise对象，等待其返回结果后执行 async函数。这种组合允许直接处理异步函数。

2、线程与进程是操作系统中的核心概念，它们分别代表计算中的独立执行单元和资源管理的单位。操作系统通过多进程机制实现并发执行，让多个进程如听音乐、编写代码和查阅资料等同时进行。JavaScript的线程运行在浏览器或 Node.js的容器进程中，独立于主进程执行代码。在 JavaScript线程中，耗时操作不会直接执行，而是将特殊任务放入事件队列，继续执行其他代码。当满足条件时，事件队列中的方法会根据先进先出原则执行。异步操作中，特殊执行的函数会被放入事件队列，不阻塞其他代码。

3、事件循环管理两个队列：宏任务队列和微任务队列。当 await后的 Promise存在于宏任务队列时，当前 async函数体暂停执行，跳转至外部代码继续运行。宏任务队列满足条件后，返回 Promise结果，将 async函数剩余代码转移到微任务队列执行。开发中使用工具函数时，需要验证参数以避免不希望的结果。当发现参数验证失败时，抛出异常使用 throw关键字通知外部。异常处理中，通过 finally语句确保某些必须执行的代码能够运行。

4、Error对象包含三个属性，有三个子类表示不同的异常信息。通过 throw语句抛出具体异常信息，让函数内部错误被外部捕获。使用 catch块捕获异常，即使在 try块中未捕获，也能在 finally块中执行，确保错误处理的全面性。

二、await与wait的区别

await和wait在编程中的用法存在明显的区别。

await和wait都是与异步编程相关的关键字，但它们在语义和使用场景上有所不同。

* await用于异步编程中，表示等待一个异步操作完成。

*它通常出现在async函数内部，用于等待一个Promise对象解析并返回结果。

* await的使用可以简化异步代码的书写，使代码看起来更像同步代码，增强代码的可读性。

* wait通常指的是一种函数或方法，用于暂停当前线程或程序的执行，等待一段时间或某个条件成立后再继续执行。

*它可能是某些框架或库提供的API，用于控制程序的流程。

* wait函数的具体实现和行为可能因不同的编程语言和框架而异。

在JavaScript中，await的使用示例如下：

const response= await fetch;//使用await等待fetch操作完成

const data= await response.json;//处理返回的数据

而wait通常在某些特定的编程环境或框架中使用，例如某些线程编程中的wait函数，用于使线程等待一段时间或某个条件。

await和wait在异步编程中扮演不同的角色。await作为关键字用于等待异步操作的完成，而wait通常是一个函数或方法，用于控制程序流程，具体行为和用法取决于编程语言和框架。理解它们之间的区别有助于在编程中正确运用这两个概念。

三、如何使用 await-to-js 库优雅的处理 async await 错误

1、通过阅读优秀的源码并从中学习如何写出赏心悦目的代码，最后再撰写文章进行总结，梳理整个学习过程并分享给他人。

2、在 JavaScript异步编程的进化之路上，我们先回顾了回调地狱阶段的困境。那时，前端开发者常面对着令人头痛的纵向和横向嵌套的回调，代码可读性和维护性极低。

3、随后，Promise出现并解决了这一问题。Promise提供了链式调用的能力，使得代码仅在纵向发展。它允许并发请求并支持错误处理，相较于回调地狱大大提升了代码的优雅性。

4、然而，Promise的不足之处依然存在，特别是在处理多个异步操作时，仍然需要使用 try-catch结构处理错误。为了解决这一问题，async/await应运而生。它简化了异步代码的编写，并提供了更简洁、易于理解的错误处理方式。

5、await-to-js库为解决 async/await的错误处理问题提供了一个简单而优雅的解决方案。它允许开发者无需使用 try-catch结构即可轻松处理异步操作的错误，从而进一步简化了代码。

6、await-to-js的核心逻辑由仅15行代码组成。它通过将错误处理逻辑封装在一个包装器中，使得开发者可以更便捷地处理异步操作产生的错误，而无需编写冗长的 try-catch语句。

7、通过分析源码，我们可以看出，await-to-js的实现并不依赖于神秘的“黑魔法”，而是通过简洁的代码逻辑实现了目标。源码中的 errorExt参数允许开发者自定义错误信息，进一步增强了库的灵活性。

8、综上所述，通过学习优秀的源码、理解异步编程的演进过程、掌握 Promise和 async/await的用法，以及借助库如 await-to-js的帮助，我们可以写出更加优雅、易于维护的 JavaScript异步代码。这些库和工具的出现，为开发者提供了更高效、简洁的解决方案，帮助我们更好地应对异步编程的挑战。