JavaScript中的async/await相关问题

LLddww123 2019-03-19 11:25:34

最近在学习async/await这方面的知识，遇到了一个问题，百思不得其解。下面上代码：

这两整体上只是因为第一个testSomething不是async函数，所以导致在chrome上两次执行结果完全不同，到底是为什么会这样？await后面的函数是async函数和不是async函数究竟在执行的时候有什么不同？

...全文

62 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

源码来自：https://pan.quark.cn/s/44b815caf571 async 和 await 这两个名称各自具有明确的含义，可以从其字面意义进行初步理解。其中，async 是“异步”这一概念的缩写形式，而 await 则表达等待的含义。由此可见，async 主要用于标示一个函数具备异步特性，而 await 则用于指示程序在执行过程中等待某个特定操作的完成。那么，async/await 究竟具有怎样的功能呢？接下来将对其进行简要的阐述。 async/await 提供了一种全新的异步代码编写范式。在采用 async/await 之前，异步代码通常是通过回调函数或 promise 来实现的。 async/await 是在 promise 的基础上构建起来的。（对于 promise 使用尚不熟悉的朋友，可以参考这篇关于如何正确入门 Promise 的文章）async/await 在使用方式上与 promise 颇为相似。

本文深入探讨了JavaScript中的async/await机制，从异步编程的演进背景出发，详细解析了async函数和await关键字的核心特性与工作原理。文章通过大量代码示例对比了Promise与async/await的差异，展示了async/await如何用同步代码风格简化异步流程处理。重点内容包括：async函数隐式返回Promise的特性、await的暂停-恢复机制、与Event Loop的交互关系，以及在实际开发中的典型应用场景（顺序/并行异步操作、错误处理等）。最后总结了async/await相比Promise的优势与适用场景，并强调了关键注意事项，帮助开发者掌握这一现代JavaScript异步编程的核心技术。

async/await是JavaScript中处理异步操作的现代语法，基于Promise，通过同步代码风格提升可读性和可维护性。文章首先回顾了异步编程的演进，从回调函数到Promise，再到async/await的改进。核心概念包括async函数自动返回Promise，await暂停函数执行直到Promise完成。工作流程涉及声明async函数、执行await及恢复执行。正确使用方式涵盖基本用法、错误处理、串行与并行任务执行。注意事项包括await仅限async函数内使用、并行执行优化、Promise.all与Promise.allSettled的区别，以及避免滥用async/await。

async/await是ES2017(ES8)提出的基于Promise的异步编程解决方案。async用于修饰函数，使其默认返回一个Promise对象，可通过then方法获取返回值。await只能用于async函数内部，用于等待Promise对象的解析结果，若非Promise对象则直接返回该值。通过示例代码展示了async/await的基本语法、执行顺序及正确用法，包括如何处理异步操作如定时器和数据库查询。该方案简化了异步代码的编写，使其更接近同步代码的直观性。

本文详细介绍了async/await的语法、作用及实现原理，帮助读者从入门到深入理解这一重要的异步编程语法糖。文章通过对比传统Promise和async/await的实现方式，展示了后者在简化异步任务顺序执行方面的优势。同时，深入剖析了async/await基于Generator函数的实现原理，并通过代码示例演示了如何手动实现类似功能。此外，文章还分享了一些常见异步任务处理场景的解决方案，如用户登录后获取数据和图片上传等，为开发者提供了实用的异步编程思路。

87,993

社区成员

224,688

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章