ES6 async异步函数

已于 2024-07-01 10:25:36 修改
阅读量563 收藏 1
点赞数 6
文章标签： es6 笔记 前端
于 2024-05-21 23:08:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_47045804/article/details/138849021
版权
01 异步函数的使用

        es6推出了一种按照顺序执行的异步函数的方法 async 异步函数

        async异步函数可以解决promise封装异步代码,调用时一直then链式编程时比较麻烦的问题

        定义异步函数:

                async function 函数名(){

                        await 表达式1或者函数的调用1

                        await 表达式2或者函数的调用2 

                        ...

                        await 表达式n或者函数的调用n  

                        return 结果

                }

        await 后面如果写了有一个普通的表达式,那么直接执行意义不大(平常很少使用)

        一般后面需要跟一个promise对象  await会自动执行这个promise对象里面的代码

        并且把then成功的数据作为await语句的返回值

        如果有多个await语句 那么只有上一个await执行完毕 才会执行下一个await

       

        async整个函数都是异步的 一旦函数调用不会等待当前函数执行完毕再去执行后面的代码

        而是先执行后面的语句 等到页面所有主程序执行完 再去执行异步函数里面的代码

        

♡静
关注
  • 6
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ES6的异步操作之promise用法和async函数的具体使用
10-15
在ES6中，异步操作的管理有了显著的改进，主要体现在Promise对象和async/await语法的引入。Promise是处理异步操作的一种模式，它解决了传统异步编程中回调地狱的问题，提供了更清晰的控制流程。Promise有三种状态：...
es6学习笔记之Async函数的使用示例
08-30
ES6引入了async函数，极大地简化了异步编程的方式，使得开发者可以更加直观地处理异步逻辑，就像处理同步代码一样。async函数是Generator函数的一种语法糖，它允许你在函数中使用await关键字来等待一个Promise的结果...
es6异步async函数
CarveStone的博客
02-10 175
async 和 await 是用来处理异步的。即你需要异步像同步一样执行，需要异步返回结果之后，再往下依据结果继续执行。async 是“异步”的简写，而 await 可以认为是 async wait 的简写。async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成。一句话，它就是 Generator 函数的语法糖。
ES6特性：async异步函数
lalala_dxf的博客
05-13 953
async函数 简介 async函数是使用async关键字声明的函数。 async函数是AsyncFunction构造函数的实例， 并且其中允许使用await关键字。 async和await关键字让我们可以用一种更简洁的方式写出基于Promise的异步行为，而无需刻意地链式调用promise。 await关键字只在async函数内有效。如果在async函数体之外使用它，就会抛出语法错误 SyntaxError 。 async/await的目的为了简化使用基于promise的API时所需的语法。 async/
ES6 async异步函数（建议收藏）
m0_58620483的博客
09-16 192
async/await的目的为了简化使用基于promise的API时所需的语法。async函数一定会返回一个promise对象。如果一个async函数的返回值看起来不是promise，那么它将会被隐式地包装在一个promise中。async函数是使用async关键字声明的函数。async函数是AsyncFunction构造函数的实例， 并且其中允许使用await关键字。async和await关键字让我们可以用一种更简洁的方式写出基于Promise的异步行为，而无需刻意地链式调用promise。
ES6：async异步函数
qq_51066068的博客
05-12 938
async异步函数 async函数是使用async关键字声明的函数。 async函数是AsyncFunction构造函数的实例， 并且其中允许使用await关键字。async和await关键字让我们可以用一种更简洁的方式写出基于Promise的异步行为，而无需刻意地链式调用promise。 Async函数是generator函数的语法糖，在generator函数的基础上添加了一些更加方便用户操作的新特性。Async函数的执行和普通函数一致，只需要一行代码即可，因为他具有内置的执行。async与awai.
ES6之异步操作和 Async 函数
low666的博客
03-25 510
17 异步操作和 Async 函数 异步编程对 JavaScript 语言太重要。 Javascript 语言的执行环境是 “ 单线程 ” 的，如果没有异步编程，根本没法用，非卡死不可。 ES6 诞生以前，异步编程的方法，大概有下面四种。 回调函数 事件监听 发布 / 订阅 Promise 对象 ES6 将 JavaScript 异步编程带入了一个全新的阶段， ES7 的Async函数更是提出...
ES6 async 函数
weixin_52455405的博客
10-28 207
async async 是 ES7 才有的与异步操作有关的关键字，和 Promise ， Generator 有很大关联的. 语法 async function name([param[, param[, ... param]]]) { statements } name: 函数名称。 param: 要传递给函数的参数的名称。 statements: 函数体语句 返回值 async 函数返回一个 Promise 对象，可以使用 then 方法添加回调函数。 async function helloAsyn
ES6 async函数
qq_41466440的博客
12-09 276
async函数
es6【async 函数】
liufang_imei的博客
06-06 908
async函数返回一个 Promise 对象，可以使用then方法添加回调函数。当函数执行的时候，一旦遇到await就会先返回，等到异步操作完成，再接着执行函数体内后面的语句。下面是一个例子。上面代码是一个获取股票报价的函数，函数前面的async关键字，表明该函数内部有异步操作。调用该函数时，会立即返回一个Promise对象。下面是另一个例子，指定多少毫秒后输出一个值。上面代码指定 50 毫秒以后，输出。由于async函数返回的是 Promise 对象，可以作为await命令的参数。
ES6中async函数
m0_62785037的博客
05-20 1303
全网ES6中async函数说明
详解ES6之async+await 同步/异步方案
08-29
关于异步方案，ES6先是出现了基于状态管理的Promise，然后出现了Generator函数+co函数，紧接着又出现了ES7的async+await方案。异步编程的几个场景包括： 1. 均匀发生的异步：在for循环中，如何异步的打印迭代顺序？...
ES6 async、await的基本使用方法示例
11-20
本文实例讲述了ES6 async、await的基本使用方法。分享给大家供大家参考，具体如下： async是异步编程的最新标准，我们来看看async如何...async作为关键字放在函数前面，让同步的函数成为异步函数，不关函数里返回什么，
ES6新特性八：async函数用法实例详解
08-30
async函数是ES6新特性八中的一种新的异步编程方式，它可以让异步编程变得更加简洁和易于理解。async函数的出现主要是为了解决异步编程中的一些问题，例如异步操作的结果无法同步获取，异步操作的执行顺序无法控制等...
前端模块化CommonJS、AMD、CMD、ES6
警警的博客
07-23 971
在前端开发中，模块化是一种重要的代码组织方式，它有助于将复杂的代码拆分成可管理的小块，提高代码的可维护性和可重用性。CommonJS、AMD（异步模块定义）和CMD（通用模块定义）是三种不同的模块规范，它们在定义模块、加载模块以及依赖管理等方面存在差异，并适用于不同的场景。
JavaScript进阶：探索模块化、ES6+与前端框架
WayneYalejk的博客
07-19 567
随着Web技术的快速发展，JavaScript也在不断演进。ES6（ECMAScript 2015）及更高版本的发布为JavaScript带来了许多新特性和改进，使得JavaScript更加强大和易用。同时，模块化编程和前端框架的兴起也极大地推动了前端开发的现代化进程。本文将带您深入探索JavaScript的进阶话题，包括模块化、ES6+新特性以及前端框架的应用。
deepseek-vl 论文阅读笔记
samoyan的博客,记录技术成长~
07-22 1210
我们的语言模型基于DeepSeek LLM（DeepSeek-AI，2024），其微设计大体遵循LLaMA（Touvron等，2023a,b）的设计，采用带有RMSNorm（Zhang和Sennrich，2019）函数的Pre-Norm结构，并使用SwiGLU（Shazeer，2020）作为前馈网络（FFN）的激活函数，中间层维度为8/3模型维度。此外，我们引入了一种新的“模态预热”策略。为了促进创新并支持广泛的应用需求，我们公开了两个版本的模型，分别为1.3B和7B，以满足不同计算能力的需求。
vite5+vue3开发阅读APP实战笔记20240725
最新发布
Python私教
07-25 364
修改src/page/home/index.vue，使用组件和API。注意，这里无论是组件还是API，都不需要我们手动引入，我们配置了自动导入以后，vite会帮我们自动导入。创建 src/page/home/index.vue。修改 vite.config.js。修改vite.config.js。修改 src/main.js。修改src/App.vue。
js es6 异步函数
03-29
ES6引入了异步函数，也称为async/await函数。异步函数是一种简化异步编程的方法，它使得编写异步代码更加类似于编写同步代码，使代码更加易读、易维护。 异步函数使用async关键字来定义，它返回一个Promise对象。在异步函数中，可以通过await关键字等待一个Promise对象的完成，并返回该对象的结果。在等待Promise对象完成时，异步函数会自动地挂起执行，直到Promise对象完成为止。 例如，下面是一个简单的异步函数示例，它使用fetch函数获取一个URL的响应，并返回响应的JSON格式： ``` async function fetchJson(url) { const response = await fetch(url); const json = await response.json(); return json; } fetchJson('https://api.github.com/users/octocat') .then(data => console.log(data)) .catch(error => console.error(error)); ``` 在上面的示例中，使用await关键字等待fetch函数返回的Promise对象完成，然后使用await关键字等待response.json()方法返回的Promise对象完成。最后，异步函数返回JSON格式的响应数据。在调用异步函数时，使用Promise的then()和catch()方法处理异步结果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值