冯天魁

【视频】| 3分钟了解async、await 前端晚班-web前端教室


第一次使用premiere非线编辑给视频加上了背景音乐、片尾字幕，很不熟练，选背景音乐的时候纠结了很久的哥哈喜喜，总觉得跟视频不太搭配，慢慢来吧。以后的视频慢慢的再加上剪切、转场等效果，让视频更好看。
今天的视频只有3分多钟，算是《es7的async、await实例、详解》的宣传视频吧。因为从后台数据来看，看完40多分钟的完整课程视频的人非常少。所以就放个宣传的视频上来，觉得有兴趣的想要看完整视频的人可以找我来拿。
<!-- -->
其实我现在的工作已经相当于是一个小型团队了，技术、UI设计、文章编写、宣传、运营、录视频、视频剪切、销售、讲师、客服、课程设计，这些都是我自己一个人在做。
我录视频啊，写文章啊夜半鬼敲门 ，就是想让大家看到马吟吟，我过去、现在一直在做什么，然后接下来我要做的事情，你们自己决定，看要不要参加。
下周吧，
会推出一门新的课程，就是“晚班”。
细则还没有，大体的框架是这样，
上课是一、三、五的晚8-10点上课，
内容是，《JS 全栈高级工程师技能》
技术栈是，
- JavaScript
- jQuery
- ajax
- nodeJs
- webpack
- vueJs
- ReactJs
- axios
- Es6
大概要讲二个月，基本上主流的技术栈都包涵了。还是通过一个大的电商网站来贯穿整个课程。
价格就是随行就市了，其它地方的晚班多少钱，我也收多少钱，顶多比那些大机构便宜千把块钱而已，但也不会便宜太多。因为课程的含金量，比较那些大机构的话，只多不少。
毕竟全天授课的零基础课从2016年到现在已经讲了整整二年了，再新讲一个前端晚班，那是完全没问题的。
这个晚班只要有些html、css的基础就可以了，是从零开始讲JavaScript的。
前端晚班的细则，下周发出来。
<!-- 下面是async、await的学习笔记-->
es7的async、await实例、详解
异步操作，是js一直以来最关心的一件事。
从最早 的回调函数柳贤振，到Promise对象，再到Generator函数，
都是为了解决回调。
有那么一种说法，
最高境界的异步编程，就是根本不用关心它是不是异步。
<!-- -->
async，它到是什么？
async，它其实是Generator函数的语法糖周敦颐传。
<!-- var readFile = function(fn){
return new Promise(function(resolve, reject){
fs.readFile(fn,function(err, data){
if(err) reject(err);
resolve(_data)
})
})
}-->
<!-- 伪代码鬼娃孽种，Generator格式的： -->
function* fileFn(){
var fs = yield readFile('xx/x/aaa');
var fs = yield readFile('xx/x/bbb');
}
<!-- async格式的，伪代码： -->
async function asyncRead(){
var fs = await readFile('xx/x/aaa');
var fs = await readFile('xx/x/bbb');
}
它俩的格式几乎完全一样，所以说async是语法糖嘛。
<u8基金网 !-- 它的好处，语义化好一些家在洹上 ，在一些场景中更适用。 -->
async的用法，霍晓红
<!-- 先不扯那么多，先用起来再说 -->
看，demo1.html
<!-- -->
从上面的例子、介绍可以看出，async- await是promise和Generator，
它们俩的语法糖。
并且，async- await是建议在promise的机制之上，
但是，不能替代它们。
<!-- async的基本语法 -->
<script type="text/javascript">
async function demoName(){
let result = await Math.random();
}
demoName();
</script>
<!-- 从上面可以看出骆丽娜，async总是返回一个Promise对象 -->
所以可以使用.then() 方法添加各种回调函数。
看，demo2.html
<!-- -->
await，它必须出现在async函数的内部，不能单独使用。
它最主要的用途，
等待Promise对象的状态被 resolve，
也就是造成了异步函数的停止执行，并等待。
这不就是 yield 的用途么北海市卫生学校，
<!-- 错误处理 -->
async function errDemo(){
try{
await xxfn(123);
} catch(err){
console.log( err )
}
}
<罗梓琳 !-- -->
async它的基本用法大致如上，
当然它还有更多、更复杂的用法滕刚，
但是因为时间所限，只介绍到这里。
最后一个总结，
async，
1、它是为了js的异步操作而出现的；
2、它并没有真正的从根本上解决什么问题；
以上第二点神龙赌圣，是我个人的主观看法，
我个人的微信号： blazeloulan
<!-- -->
本节视频课程免费，所以想要下载高清视频的同学们，就请付出一点小小的劳动，
（1）、请加我为好友，并把我拉入“你所在的前端微信群”；
（2）、把这篇文章转发到“你拉我进入的那个前端微信群”里，让我看到，五分钟后我会发你下载的网盘链接，还有视频中的demo实例，
* 注意顺序不要搞错了颜表立 ，一定要先执行第一步，再进行第二步 *



点击查看：《Vuex-购物车实战项目￥9.9》

点击查看：《vueJs + elementUI+node+es6开发点菜app》￥9.9

点击查看：《9小时搞定NodeJs开发少年电脑世界 ！》￥9.9

点击查看：《移动端在线音乐app》￥9.9