JavaScript中，用asyncawait和直接同步方式

　　你一定要先理解以下重点内容：
　　你要把JS里执行分为两种。
　　第一种是实打实必须由JS线程执行的，比如做一些去算一个文件的MD5值，这种一般没人写异步，没好处，都是同步计算。
　　第二种不是由JS线程去执行，只是JS把任务提交给它，然后傻了吧唧的啥也不干等它完成并返回结果给自己。比如你调用浏览器接口去网络上下载图片，此时你的JS线程是把任务提交给了浏览器，然后一直等浏览器把结果返回给你。干活的是浏览器不是你JS线程。
　　对于不干活的情况，就得用异步的写法了，不然轻则执行效率低下，重则页面卡死，毕竟页面上那么多事等着JS线程去干，特别是现在的网站内容都是靠JS动态加载的。
　　以前使用的方法是回调，就是调用接口时同时传一个函数，告诉浏览器或谁执行完任务时调用函数，然后我们在函数中放一些需要执行完任务才能处理的事情。
　　比如让浏览器去下图片，我们就把显示图片放到函数中，这个函数就被称为回调函数。你们常见的什么onload、onready都是这个意思。functiondownload（callback）｛这个下载花费5秒钟letfile我是文件哦setTimeout（（）callback（file），5000）｝console。log（开始执行了）console。log（先去下个图片）下载好了通知我就行，不等你了download（（file）｛console。log（下载完成：file）console。log（显示图片）｝）console。log（做其他事情去了）开始执行了先去下个图片做其他事情去了5秒后。。。。。。下载完成：我是文件哦显示图片
　　但假如，我要下个文件，他的下载链接保存在A文件里，A文件的下载链接保存在B文件里，B文件的下载链接保存在C文件里。
　　那我必须先下C文件，等C下完了拿到B的链接下B文件，再等B下完了去下A文件，最后才能在A文件里拿到我的文件下载链接。（没有这么蠢的场景，但多个任务依次依赖前一个任务完成才能处理的情况还是很常见的）这样就会形成多层嵌套的回调，就被称为回调地狱。functiondownload（callback）｛这个下载花费5秒钟letfile我是文件哦setTimeout（（）callback（file），5000）｝console。log（开始执行了）console。log（先去下个文件）下载好了通知我就行，不等你了download（（file）｛console。log（下载C完成）console。log（拿到B的链接）download（（file）｛console。log（下载B完成）console。log（拿到A的链接）download（（file）｛console。log（下载A完成）console。log（拿到最终文件的链接）download（（file）｛console。log（下载最终文件完成）｝）｝）｝）｝）console。log（做其他事情去了）
　　于是乎，asyncawait就出现了，它可以让我们用看起来像同步的方式去写异步的程序。
　　对于async和await千万不要恐怖，你把它们理解成回调的语法糖就行了，而回调函数的内容就是await之后的部分。第一段的代码就可以改写成：asyncfunctiondownload（）｛这个下载花费5秒钟returnnewPromise（（resolve，reject）｛letfile我是文件哦setTimeout（（）resolve（file），5000）｝）｝asyncfunctionshowImage（）｛letfileawaitdownload（）以下是之前回调函数的内容console。log（下载完成：file）console。log（显示图片）｝console。log（开始执行了）console。log（先去下个图片）showImage（）console。log（做其他事情去了）开始执行了先去下个图片做其他事情去了5秒后。。。。。。下载完成：我是文件哦显示图片不过乍看之下好像还略微复杂了一点，但如果改写第二个程序呢？asyncfunctiondownload（）｛这个下载花费5秒钟returnnewPromise（（resolve，reject）｛letfile我是文件哦setTimeout（（）resolve（file），5000）｝）｝asyncfunctiongetFile（）｛letfileawaitdownload（）console。log（下载C完成）console。log（拿到B的链接）fileawaitdownload（）console。log（下载B完成）console。log（拿到A的链接）fileawaitdownload（）console。log（下载A完成）console。log（拿到最终文件的链接）fileawaitdownload（）console。log（下载A完成）console。log（下载最终文件完成）｝console。log（开始执行了）console。log（先去下个图片）getFile（）console。log（做其他事情去了）
　　回调地狱不见了，我们只用一个函数就完成了所有的内容，代码真是太清爽了，asyncawait真是太厉害了。