async和await的详细介绍

// async函数的返回值是一个promise对象
// async function fn1() {
//   // return 1;
//   // throw 2;
//   // return Promise.reject(3);
//   return Promise.resolve(3);
// }
// // const rel = fn1(); //Promise { 1 }
// fn1().then(
//   (value) => {
//     console.log("onResolved()", value);
//   },
//   (reason) => {
//     console.log("onRejected()", reason);
//   }
// );
async function fn2() {
  // return Promise.resolve(3);
  return Promise.reject(3);
}
function fn4() {
  return 6;
}
async function fn3() {
  // const value = await fn2(); //await 右侧表达式为promise,得到的结果就是promise成功回调的value
  // const value = await fn4(); //await 右侧表达式不是promise,得到的结果就是它本身值
  // console.log(value);
  // 注意如果await的promise失败了,就会抛出异常,只能通过try...catch来捕获处理
  try {
    const value = await fn2();
    console.log(value);
  } catch (error) {
    console.log("得到失败的结果", error);
  }
}
fn3();

### JS中`async``await`的用法及原理 #### `async`函数定义 在JavaScript中,使用`async`关键字可以声明一个异步函数。当函数被标记为`async`时,它会自动返回一个`Promise`对象[^2]。 ```javascript async function fetchData() { // 函数体内可执行异步操作 } ``` #### `await`等待Promise完成 `await`表达式用于等待一个`Promise`对象的解析结果,在此期间,程序不会继续向下执行而是暂停直到该`Promise`状态变为已解决或拒绝。需要注意的是,只有在一个由`async`修饰的函数内部才能合法地使用`await`语句[^4]。 ```javascript try { const response = await fetch('https://api.example.com/data'); const data = await response.json(); console.log(data); } catch (error) { console.error('数据获取失败:', error); } ``` 上述代码片段展示了如何利用`fetch()`方法发起HTTP请求并处理响应的数据流。这里先调用了`fetch()`去获取资源,接着通过`.json()`解析JSON格式的内容;这两者都是基于`Promise`的操作,因此可以在前面加上`await`让其顺序执行而无需嵌套多层回调函数。 #### 错误处理机制 对于可能出现异常的情况,推荐采用`try...catch`结构来进行错误捕获与处理。如果任何带有`await`的关键字抛出了未被捕获的错误,则整个`async`函数将会立即终止,并将控制权交给最近一层包围它的`catch`块。 #### 原理概述 本质上讲,`async`/`await`是对原有`Promise`语法的一种简化形式,使得开发者能够更直观地书写非阻塞式的逻辑流程。这种设计不仅提高了代码的可读性维护性,同时也降低了因复杂链式调用所带来的理解成本[^3]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值