Async和Await

最新推荐文章于 2023-01-06 13:45:44 发布
最新推荐文章于 2023-01-06 13:45:44 发布
阅读量392 收藏
点赞数 1
分类专栏： js 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_56133013/article/details/120585406
版权
本文探讨了JavaScript中的Async和Await关键字，如何将普通函数转化为异步函数，以及它们如何协同工作以实现类似同步的代码执行。Async函数返回一个Promise，而Await则用于等待Promise的解决，使得代码结构更清晰，避免了传统的回调地狱问题。尽管Await会导致代码暂停，但它并不真正阻塞执行线程。理解并熟练运用Async/Await对于提升JavaScript异步编程的效率和可维护性至关重要。
摘要由CSDN通过智能技术生成

Async
1.asayc的用法，它作为一个关键字放到函数前面，这样普通函数就变为了异 步函数
2.异步async函数调用，跟普通函数的使用方式一样
3.异步async函数返回一个promise对象
4.async函数配合await关键字使用(阻塞代码往下执行)
是异步方法，但是阻塞式的
Await

  1. await只能作用在async修饰的方法中,不能单独使用,如果使用报错:await is only valid in async functions and the top level bodies of modules

  2. await是会阻塞代码执行

  3. 正常情况 await后面跟着一个Promise对象; 返回的是Promise对象的成功后结果; 如果是一个普通值,那么会直接返回这个值

  4. reject的返回 await没有办法进行捕获(使用try catch进行捕获)

回调地狱
一个异步请求套着一个异步请求，一个异步请求依赖于另一个的执行结果，使用回调的方式相互嵌套。它会造成我们的代码可读性非常差，后期不好维护。

回调地狱 简单说，就是函数作为参数层层嵌套，多用于ajax请求

		/在使用JavaScript时，为了实现某些逻辑经常会写出层层嵌套的回调函数，
		 如果嵌套过多，会极大影响代码可读性和逻辑，这种情况也被成为回调地狱。
		/比如说城市的三级联动，需要先请求省，然后根据请求的省再请求市，在根据市请求县

用一个小小的案例代替一下：


                

                
                
        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  奔赴星空
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    1
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  1
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
async/await

				
			

			

				

					zcjxz135的博客
				

				

					05-28
					
					829
					
				

			

		

		

			
				
上次我们大概说了一下 Promise ，今天就接着讲 async/await 这组 API 。
async/await 是 ES7 的标准，Promise 是 ES6 标准，async/await 这套 API 也是用来帮助我们写异步代码的，它是构建在 Promise 之上的，有点像 Okhttp 和 Retrofit 的关系。
什么是 async ？
async function myFirstAsyncFunction() {
  try {
    const fulfilledValue = aw.

			
		

	



                

              
                



	

		

			

				
					
对async/await的使用

				
			

			

				

					lpl_L的博客
				

				

					09-06
					
					274
					
				

			

		

		

			
				
async搭配await的实现是基于Promise，通过同步方式的写法，使得代码更容易阅读。await函数不能单独使用，而且async函数返回的是一个Promise对象，可以使用then函数添加回调函数。
async：
async可以作为关键字放在函数前面，来声明这是一个异步函数，异步函数就代表了这个异步函数的操作不会阻碍下面代码的执行，async函数的返回值是一个promise对象，我们可以通过await或者.then来获取async函数的返回值。
await：
它一般都是和async搭配使用的，由于as

			
		

	



                


  
              

                


	

		

			

				
					
Async Await使用场景

				
			

			

				

					玖尘的博客
				

				

					03-02
					
					3077
					
				

			

		

		

			
				
一般我们都用await去等待一个async函数完成，不过按语法说明，await 等待的是一个表达式，这个表达式的计算结果是 Promise 对象或者其它值，所以，await后面实际可以接收普通函数调用或者直接量。

			
		

	





	

		

			

				
					
每日必记五题（第四天）

				
			

			

				

					老余的博客
				

				

					10-13
					
					291
					
				

			

		

		

			
				
答：set和map都是es6新增的数据结构。其中set是一个类数组结构，值是唯一的，没有重复的值。map类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。也就是说，Object 结构提供了“字符串—值”的对应，Map 结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构，Map 比 Object 更合适。

			
		

	



		

			
		



	

		

			

				
					
async和await的使用

				
			

			

				

					weixin_49725109的博客
				

				

					01-16
					
					1811
					
				

			

		

		

			
				
async/await
async用于申明一个function是异步的，它的返回值是一个promise对象。
await是等待一个异步方法执行完成，await必须搭配async一起使用，不能单独使用。
一般情况下，await是和async一起使用，这样杜绝了复杂的.then链，使代码更加简洁。
下面用代码具体讲解:
//声明一个async函数
async function getAllInfo(){
    let info1 = await getinfo1()
    console.log(info1

			
		

	





	

		

			

				
					
es6 async await 使用

				
			

			

				

					m0_37296026的博客
				

				

					06-08
					
					1435
					
				

			

		

		

			
				
概述
说一下 async , await 函数的简单应用， 用最简单的示例，让复杂的事变得更简单。
记住以下知识，项目中基本够用

示例
以下示例，大家可以直接复制粘贴到浏览器的console面板测试，方便大家理解。
示例1 - 最简单的async 函数
// async 关键词，创建的函数就是异步函数
async function asyncFn () {
    console.log('2')
    return  4;
}
 console.log('1');
 asyncFn().then((d

			
		

	





	

		

			

				
					
浅谈C#中的Async和Await的用法详解

				
			

			

				

					12-31
				

			

		

		

			
				
众所周知C#提供Async和Await关键字来实现异步编程。在本文中，我们将共同探讨并介绍什么是Async 和 Await，以及如何在C#中使用Async 和 Await。 同样本文的内容也大多是翻译的，只不过加上了自己的理解进行了相关...

			
		

	





	

		

			

				
					
说说C#的async和await的具体用法

				
			

			

				

					08-29
				

			

		

		

			
				
C# async 和 await 的具体用法  C# 5.0 中引入了 async 和 await 两个关键字，这两个关键字可以让开发者更方便地编写异步代码。async 和 await 的出现使得异步编程变得更加简单易懂。  async 关键字  async 关键字...

			
		

	





	

		

			

				
					
C#基础系列：异步编程初探async和await

				
			

			

				

					12-22
				

			

		

		

			
				
确实，没有异步的多线程是单调的、乏味的，async和await是出现在C#5.0之后，它的出现给了异步并行变成带来了很大的方便。异步编程涉及到的东西还是比较多，本篇还是先介绍下async和await的原理及简单实现。 	　了解...

			
		

	





	

		

			

				
					
关于async和await的一些误区实例详解

				
			

			

				

					09-04
				

			

		

		

			
				
async和await是C#编程中用于实现异步编程的关键特性，它们经常被误解，尤其是在与多线程和并发处理的概念混淆时。本文将通过实例详细解释这些常见的误区，帮助开发者更深入地理解C#程序设计。  首先，我们要明确...

			
		

	





	

		

			

				
					
（基础）JavaScript中async中使用await关键字

				
			

			

				

					次顶级的博客
				

				

					12-24
					
					372
					
				

			

		

		

			
				
async中使用await关键字,不可以单独使用await,await后面是Promise对象

			
		

	





	

		

			

				
					
javaScript浅谈----async&&await

				
			

			

				

					小王的技术库
				

				

					01-06
					
					485
					
				

			

		

		

			
				
是 ES7 的标准，Promise是 ES6 标准，这套 API 也是用来帮助我们写异步代码的，它是构建在Promise之上的。为大家准备了一个前端资料包。包含54本，2.57G的前端相关电子书，《前端面试宝典（附答案和解析）》，难点、重点知识视频教程（全套）。

			
		

	





	

		

			

				
					
JavaScript的ES6中async&&await的简单使用以及介绍

				
			

			

				

					weixin_55876727的博客
				

				

					10-04
					
					1120
					
				

			

		

		

			
				
async&await是Promise和Generator的语法糖，使用他的目的就是用同步的写法，写异步的操作

async 是“异步”的简写， async 用于申明一个异步的 function

await 可以认为是 async wait 的简写，await 用于等待一个异步方法执行完成。

一、async

1.async可以作用在任何方法前, 返回值是一个Promise对象


        async function a(){
        }
        console.l..

			
		

	





	

		

			

				
					
async  和 await 的使用方法

				
			

			

				

					唯一的切慕，唯一的诗歌……
				

				

					05-21
					
					1394
					
				

			

		

		

			
				
const getProxyList = () => {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve(‘ok’);
}, 2000);
})
}
function reptile(ipList) {
return new Promise((resolve, reject) => {...

			
		

	





	

		

			

				
					
多态

				
			

			

				

					weixin_46372074的博客
				

				

					09-11
					
					195
					
				

			

		

		

			
				
多态
1.运行时多态：取子类对象的地址赋给父类指针，此指针再指向子类成员函数（父类和子类都有的同名虚函数)。
2.编译时多态：函数重载。
															——个人笔记




			
		

	





	

		

			

				
					
async/await的使用以及注意事项

					
热门推荐

				
			

			

				

					OrangeJ
				

				

					12-29
					
					7万+
					
				

			

		

		

			
				
使用 async / await, 搭配 promise, 可以通过编写形似同步的代码来处理异步流程, 提高代码的简洁性和可读性. 本文介绍 async / await 的基本用法和一些注意事项.await引用MDN的介绍:
  await 操作符用于等待一个 Promise 对象, 它只能在异步函数 async function 内部使用.
await 的使用语法非常简单:[return_valu

			
		

	





	

		

			

				
					
async/await使用方法

				
			

			

				

					东黧的博客
				

				

					04-14
					
					2万+
					
				

			

		

		

			
				
async搭配await是ES7提出的，它的实现是基于Promise。通过同步方式的写法，使得代码更容易阅读。await函数不能单独使用，而且async函数返回的是一个Promise对象，可以使用then函数添加回调函数。
示例1：
async function testSync() {
   const response = await new Promise(resolve => {
 ...

			
		

	





	

		

			

				
					
await怎么使用，回调地域，promise。我的总结

				
			

			

				

					肖肖肖丽珠的博客
				

				

					02-26
					
					3615
					
				

			

		

		

			
				
回调地狱：指的是代码大量使用了回调函数，在一个函数里面调用另一个函数一直嵌套函数进行调用。页面就会显得很混乱。



举个例子

我们需要从接口获取数组然后进行操作


getMsg(function(){

//操作

})




如果在我们拿的返回值作为参数传到第二个接口中。才能获取数据怎么办？没关系加个嵌套就可以了：


getMsg(function(){

 getMsg1(f...

			
		

	





	

		

			

				
					
Async and await的使用

				
			

			

				

					zhuoyue008的专栏
				

				

					11-25
					
					2038
					
				

			

		

		

			
				
遇到Async 和await总是不知所措，今天立志要把这个问题拿下。在网上参考了很多文章，结果有很多说使用await会产生新的线程，而有的文章则说不会产生线程，看的我头都大了。幸好谷歌到了微软的msdn，一看终于明白了，await是不会产生新的线程的，对于那些说await产生新的线程的大师们，麻烦学好了再出来发表文章，免得误人子弟。
使用Async and await是在一个线程中执行的，但是却

			
		

	





	

		

			

				
					
async 和 await

					
最新发布

				
			

			

				

					07-28
				

			

		

		

			
				
async 和 await 是 JavaScript 中用于处理异步操作的关键字。它们通常一起使用，以简化异步代码的编写和理解。  async 函数是一个特殊的函数，它返回一个 Promise 对象。在 async 函数内部，可以使用 await 关键字来...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值