async函数用法

最新推荐文章于 2024-08-16 11:35:39 发布
最新推荐文章于 2024-08-16 11:35:39 发布
阅读量1.5k 收藏 3
点赞数 1
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/adminBfl/article/details/131070957
版权
文章详细介绍了async/await的概念，作为Generator的语法糖，它简化了异步编程。通过示例展示了async函数的基本使用，以及await关键字如何处理普通函数和Promise函数的返回值。当Promise函数失败时，文章还讨论了如何确保后续代码能够执行。
摘要由CSDN通过智能技术生成

目录

1.概念

2.本质

3.语法

4.特点

5.async基本使用

6.async里的await普通函数返回值

7.async里的await Promise函数成功返回值

 8.async里的await Promise函数失败返回值

 9.解决async里的await Promise函数失败后不执行下面内容

1.概念

真正意义上解决异步回调的问题，同步流程表达异步操作

2.本质

Generator的语法糖

3.语法

async function foo(){
    await 异步操作;
    await 异步操作;
}

4.特点

1、不需要像Generator去调用next 方法，遇到await等待，当前的异步操作完成就往下执行

2、返回的点是promise对象，可以用then 万法进行下一步操作

3、async取代Generator西数的星号*，await取Generator的yield

4、语意上更为明确，使用简单

5.async基本使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
  // async 基本用法
  async function foo(){
    return new Promise(resolve => {
      setTimeout(resolve,2000)
    })
  }

  async function testAsync(){
    console.log("开始执行",new Date().toTimeString())
    await foo();
    console.log("开始执行",new Date().toTimeString())
  }
  testAsync();

</script>
</body>
</html>

6.async里的await普通函数返回值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>async</title>
</head>
<body>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
  function test2(){
    return {code:200,data:{}}
  }
  // async 里面 await 返回值
  async function asyncPrint(){
    let res = await test2();
    console.log(res)
  }
  asyncPrint()
</script>
</body>
</html>

7.async里的await Promise函数成功返回值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>async</title>
</head>
<body>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
  // async 里面 await 返回值
  async function asyncPrint(){
    let res = await Promise.resolve({"key":"value"});
    console.log(res)
  }
  asyncPrint()
</script>
</body>
</html>

 8.async里的await Promise函数失败返回值

解决报错后面代码不执行，

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>async</title>
</head>
<body>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
  // async 里面 await 返回值
  async function asyncPrint(){
    let res = await Promise.reject({"code":"400"});
    console.log(res)
  }
  asyncPrint()
</script>
</body>
</html>

 

 9.解决async里的await Promise函数失败后不执行下面内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>async</title>
</head>
<body>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
    async  function test(obj){
        return new Promise((resolve,reject)=>{
            // 模拟异常
            // key=1为异常，异常处理也用resolve()函数
            if(obj.key==1){
                resolve(false);
            }else{
                resolve({code:200})
            }

        })
    }
  // async 里面 await 返回值
  async function asyncPrint(){
    let res = await test({key:1});
    console.log(res)
    console.log("12313")
  }
  asyncPrint()

</script>
</body>
</html>

 

别浪呀
关注
async的基础用法,解决异步问题
裤兜的博客
10-29 1450
async基础用法 1. async函数,会返回一个promise对象,可以用.then调用async函数中return的结果. 例: async function helloAsync() { return "返回结果"; } console.log(helloAsync()) // 输出Promise对象: Promise {<fulfilled>: '返回结果'} helloAsync().then(v => { con
Async 函数
技术的搬运工
12-24 960
async函数就是将 Generator 函数的星号（*）替换成async，将yield替换成await
async关键字（异步方法）
皮皮君的博客
01-08 2237
async关键字（异步方法） async关键字是C#特有的。Java没有这玩意。 async关键字用来修饰两类方法: lambda表达式或者异步方法。 拥有async修饰的方法称为async方法，比如: public async Task<int> ExampleMethodAsync() { // . . . . } async修饰的方法内部，必须出现一个awa...
js中的promise、async/await 用法，详解async、await 语法糖，js中的宏任务和微任务（保姆级教程二）
最新发布
zhangfuping123456789的博客
08-16 1581
js、promise、await、async
Async 的用法
yzkdcsdn的博客
11-15 7950
Async 的用法Async的作用Async的使用步骤 Async的作用 async 用于声明一个 function 是异步的，而 await 用于等待一个异步方法执行完成，async 返回的是一个Promise 对象。 async 的主要作用是回调地狱的处理看起来比 Promise 更美观，而且使用 async 来 传参的时候比较方便。 async 函数必须要等到方法体中所有的 await 声明 Promise 函数执行完后， async 函数才会得到一个resolve 状态的 Promise 对象。
Async的使用
qq_15603061的博客
07-02 275
Async的使用 Async函数已写入ES7标准中，通过async函数可以更友好直观的写异步代码。 在实际工作中，经常会遇到这样的场景：接口A需要的入参是接口B响应中的部分或全部内容，这时在执行请求接口A的代码时就需要等待接口B响应完成以后再执行，这就涉及异步调用。 1. Promise例子 模拟异步请求：生成随机数，如果随机数小于1则认为是resolve的情况，执行resolve函数；如果大...
async的基本用法
qq_44953868的博客
10-21 3606
1. async函数的基本形式 //函数声明 async function foo() {} //函数表达式 const foo = async function () {}; //对象的方法 let obj = { async foo() {} }; obj.foo().then(...) //Class 的方法 class Storage { constructor() { this.cachePromise = caches.open('avatars'); } async g.
async的用法
weixin_42304193的博客
02-26 1382
async的用法 在前面的博客，我已经把promise详细讲了一遍，后来有人说async更好用一点，所以这篇博客主要是来讲解async，但是要理解async之前要先了解promise，不然要理解起来是很困难的 async也是一个异步的钩子，他里面有一个属性就是 await，而这个await是非常重要的。 用法是这样的，比如你有两个函数想要转成同步，首先建立两个函数，里面返回的是promise对象，...
async正确用法
我要的光荣哪怕只有一秒
06-07 5575
1 async 是用来修饰方法，如果单独出现，方法会警告,没有什么作用 CS1998:此异步方法缺少" await"运算符，将以同步方式运行。请考虑使用"await"运算符等待非阻止的API调用，或者使用" await Task.Run(…)"在后台线程上执行占用大量CPU的工作 async一般搭配await使用，如果我们只写async 来修饰方法会提示以上信息，原因也很简单，你只是告诉程序这是个异步方法，无论是否有返回信息，程序是不确定能否在主线程运算完并且异步可以正常运算完的情况，所以只能用主线程同步
ES6新特性八：async函数用法实例详解
08-30
ES6新特性八：async函数用法实例详解 async函数是ES6新特性八中的一种新的异步编程方式，它可以让异步编程变得更加简洁和易于理解。async函数的出现主要是为了解决异步编程中的一些问题，例如异步操作的结果无法...
Node.js 中使用 async 函数的方法
10-18
1. **什么是async函数** `async`关键字用于定义一个异步函数，这样的函数内部可以使用`await`关键字。当调用一个`async`函数时，它会返回一个Promise。如果`async`函数正常结束，Promise会被解析为函数的返回值；...
在 Node.js 中使用 async 函数的方法
01-20
今年 10 月 31 日，Node.js 8 也开始成为新的长期支持版本，因此你完全可以放心大胆地在你的代码中使用 async 函数了。在这边文章里，我会简要地介绍一下什么是 async 函数，以及它会如何改变我们编写 Node.js 应用...
Async 使用详解
weixin_43811057的博客
06-02 5107
使用 @Async可以实现程序的异步执行，完成程序优化；被调用方法和调用方法处理同一个类中会导致异步失效同一个类中。失效的代码void a() {this . b();} }正常的代码void a() {} }从@Async案例找到Spring框架的bug：exposeProxy=true不生效原因大剖析+最佳解决方案。
async 函数的使用
chengRantianxia的博客
03-11 1986
JavaScript 编程中，经常使用到异步交互，因为逻辑嵌套或者请求嵌套，所以出现了 许多延时、数据不同步的问题。从最早的回调函数，到 Promise 对象，再到 Generator 函数，每次都有所改进，但又都有额外的复杂性，都需要理解抽象的底层运行机制。 async函数就是为了解决异步交互的问题而出现的。 async 函数对 Generator 函数的改进，体现在内置执行器、更好的语义及...
Async 函数的使用及简单实现
weixin_33896726的博客
07-23 661
解决回调地狱的异步操作，Async 函数是终极办法，但了解生成器和 Promise 有助于理解 Async 函数原理。由于内容较多，分三部分进行，这是第三部分，介绍 Async 函数相关。第一部分介绍 Generator，第二部分介绍 Promise。 在这部分中，我们会先介绍 Async 函数的基本使用，然后会结合前两部分介绍的生成器和...
@Async的用法
weixin_34174105的博客
10-24 149
转载请注明出处 http://www.paraller.com 原文排版地址 点击跳转 属性Bean: @Configuration public class ContactsExecutor { @Value("${contacts.thread.core-pool}") private int corePoolS...
async 函数的含义和用法
半颗盐的博客
06-05 893
1、async 函数就是 Generator 函数的语法糖，async 函数就是将 Generator 函数的星号（*）替换成 async，将 yield 替换成 await，仅此而已 2、async 函数的实现，就是将 Generator 函数和自动执行器，包装在一个函数里 3、同 Generator 函数一样，async 函数返回一个 Promise 对象，可以使用 then 方法添加回调函数...
详解async/await —— 从入门到实现原理
m0_65789515的博客
12-22 338
通过前后对比，我们可以发现，在需要异步任务按照顺序严格执行的情况下，async/await可以避免嵌套过多的情况，取而代之的是简单易懂的同步形式代码。
apply_async函数的用法
05-22
`apply_async`是Python的multiprocessing库中的一个函数，它用于异步执行函数。与`apply`函数不同，`apply_async`函数不会阻塞主进程，而是立即返回一个AsyncResult对象，该对象可以用于查询函数的执行状态或获取函数的返回值。 `apply_async`函数的基本语法如下： ```python result = pool.apply_async(func, args=(), kwds={}, callback=None, error_callback=None) ``` 其中，参数`func`是要执行的函数，`args`是函数的位置参数（元组），`kwds`是函数的关键字参数（字典），`callback`是函数执行完成后的回调函数，`error_callback`是函数执行出错时的回调函数，这两个回调函数都是可选的。 下面是一个使用`apply_async`函数的简单例子，该例子创建了一个进程池，并使用`apply_async`函数异步执行了一个函数： ```python import multiprocessing as mp def foo(x): return x * x if __name__ == '__main__': pool = mp.Pool(processes=4) result = pool.apply_async(foo, args=(10,)) print(result.get()) pool.close() pool.join() ``` 在上面的代码中，我们创建了一个进程池，然后使用`apply_async`函数异步执行了函数`foo`，并将参数`10`传递给该函数。最后，我们使用`get`方法获取函数的返回值。 需要注意的是，`apply_async`函数只能接受一个位置参数，如果要传递多个参数，可以使用元组或字典。如果要传递可变数量的参数，可以使用`args`或`kwargs`参数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值