什么是javascript的异步编程_如何使用async/await简化代码?

12次阅读

async/await 是 promise 的语法糖,async 函数必返回 Promise(如 return 42 → Promise.resolve(42)),await 仅在 async 函数内有效,会暂停执行并等待 Promise resolve,错误需用 try/catch 捕获,并发请求应使用 Promise.all 而非连续 await。

什么是javascript的异步编程_如何使用async/await简化代码?

async/await 不是新机制,而是 Promise 的语法糖;它不能消除异步本质,但能避免回调嵌套和显式 .then() 链。

为什么 async 函数返回的是 Promise?

因为 javaScript 异步执行模型没变——async 函数内部仍依赖事件循环调度。哪怕函数体里只写 return 42,也会被自动包装成 Promise.resolve(42)

  • 直接 return 基本类型 → 等价于 Promise.resolve(value)
  • 抛出错误 → 等价于 Promise.reject(Error)
  • 返回已存在的 Promise → 不会再包一层,原样透传
async function f() {   return 'hello'; } console.log(f()); // Promise { 'hello' }

await 只能在 async 函数里用,且只能等 Promise

await 本质是暂停当前 async 函数的执行(不阻塞线程),等右侧表达式 resolve 后继续。它不是万能等待器——遇到非 Promise 值会立即返回,不会“等”。

  • 如果 await 123,结果就是 123,无延迟
  • 如果 await fetch('/api'),才真正等待网络响应完成
  • 在顶层作用域或普通函数里写 await → 报错 SyntaxError: await is only valid in async function
async function getData() {   const res = await fetch('/api');   const data = await res.json();   return data; }

错误处理必须用 try/catch,不能靠 .catch()

await 后的 Promise reject 会以异常形式抛出,跳过后续语句。想捕获就得用 try/catch,否则会冒泡到最近的 async 上下文或变成未处理拒绝(unhandledrejection)。

立即学习Java免费学习笔记(深入)”;

  • .catch()await 表达式右边无效:比如 await promise.catch(...) 是错的逻辑
  • 多个 await 要分别包裹,或统一用一个 try/catch 包住整段逻辑
  • 忘记 try/catch 是线上静默失败最常见原因之一
async function safeFetch() {   try {     const res = await fetch('/api');     if (!res.ok) throw new Error(`HTTP ${res.status}`);     return await res.json();   } catch (err) {     console.error('Fetch failed:', err);     return null;   } }

真正容易被忽略的点是:await 并不“串行化”所有操作——如果你连续 await 三个独立请求,它们仍是顺序等待;要并发就该用 Promise.all([a(), b(), c()]),再 await 这个组合 Promise。混用 await 和 Promise 并发模式,是性能掉坑最多的地方。

text=ZqhQzanResources