ES6进阶Async与Await，你不知道的同步与异步

每日骚话

这次我们来说一下同步和异步哈，这个Async和Await都是解决异步时候返回顺序不一致的问题的。
简单来说，Async与Await是对Promise的优化，让Promise看起来更美观一些。
话说，我用习惯了Promise，刚学Async和Await那会有点懵逼，今儿恍然大悟，就来CSDN水一下哈，顺便供大家参考。

说明

这里有必要说一下哈，Async和Await还有Promise是在ES6里边的，所以得运行在node里边。
另外，Async和Await一般情况下同时出现，光用一个貌似没效果？甚至会报错……
关于ES6的更多知识，可以去一峰老师的网站看看哈。

Async

返回的是Promise对象
一般为：async myFun( ){ await new Primise(resolve=>{ }) }

Await

a(async) wait = await
得在Async函数里面使用，不然会报错。
await 相当于卡了个点，告诉async函数，这个点执行完了才能继续执行下面的功能。

例子

下面的例子写了一个异步操作，一个直接操作来说明async、await的同步作用

代码

  created() {this.shunxu();},methods: {async shunxu() {await new Promise((res) => {setTimeout(() => {res();}, 1000);}).then(() => {console.log("我的异步操作，一秒后执行");});console.log("我是直接打印的");},}

效果

可以看见是先等待异步操作执行完了之后，再去执行下面的操作的，这就解决了异步操作时，执行顺序不按编码顺序的问题。

没有await的情况

我们把上面的代码中，new Promise 前面的 await 去掉就行了。

可以看见，去掉await之后，是先直接打印出来，然后再执行异步操作的。

总结

一般async与await同步出现

async返回promise对象

await出现在async函数内部，单独只用会报错

好哒，那我这次的分享就到这里啦，写的比较简单，苦逼的社畜难得抽出时间来写东西，留下了后悔的泪水……

最后，共勉哈~

ES6进阶Async与Await，你不知道的同步与异步相关推荐

ajax中异步属性,ajax中的async属性值之同步和异步及同步和异步区别
jquery中ajax方法有个属性async用于控制同步和异步,默认是true,即ajax请求默认是异步请求,有时项目中会用到AJAX同步.这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里 ...
前端综合学习笔记---异步、ES6/7、Module、Promise同步 vs 异步
个人bolg地址同步 vs 异步先看下面的 demo,根据程序阅读起来表达的意思,应该是先打印100,1秒钟之后打印200,最后打印300.但是实际运行根本不是那么回事 console.log(1 ...
掌握JavaScript中的迭代器和生成器，顺便了解一下async、await的原理
掌握JavaScript中的迭代器和生成器,顺便了解一下async.await的原理目录掌握JavaScript中的迭代器和生成器,顺便了解一下async.await的原理前言 1.迭代器(It ...
C# 中的Async 和 Await 的用法详解
众所周知C#提供Async和Await关键字来实现异步编程.在本文中,我们将共同探讨并介绍什么是Async 和 Await,以及如何在C#中使用Async 和 Await. 同样本文的内容也大多是翻译 ...
【转载】 C# 中的Async 和 Await 的用法详解
众所周知C#提供Async和Await关键字来实现异步编程.在本文中,我们将共同探讨并介绍什么是Async 和 Await,以及如何在C#中使用Async 和 Await. 同样本文的内容也大多是翻译 ...
关于Async与Await的FAQ
=============C#.Net 篇目录============== 环境:VS2012(尽管System.Threading.Tasks在.net4.0就引入,在.net4.5中为其增加了更丰 ...
asp.net html5 异步,asp.net core 系列 5 项目实战之：NetCore 的 async 和 await（参考自：Microsoft教程）...
十年河东,十年河西,莫欺少年穷学无止境,精益求精 1.简介从 VS 2012 开始,新引入了一个简化的方法,称为异步编程.我们在 >= .NETFRM 4.5 中和 Windows 运行时中 ...
浅谈async、await关键字 = 深谈async、await关键字
前言之前写过有关异步的文章,对这方面一直比较弱,感觉还是不太理解,于是会花点时间去好好学习这一块,我们由浅入深,文中若有叙述不稳妥之处,还请批评指正. 话题 (1)是不是将方法用async关键字标识 ...
关于async与await的FAQ 转
(译)关于async与await的FAQ 传送门:异步编程系列目录-- 环境:VS2012(尽管System.Threading.Tasks在.net4.0就引入,在.net4.5中为其增加了更丰富的 ...

ES6进阶Async与Await，你不知道的同步与异步

每日骚话

说明

Async

Await

例子

代码

效果

没有await的情况

总结

ES6进阶Async与Await，你不知道的同步与异步相关推荐

最新文章

热门文章