callback Promise async await 异步回调 案例

为什么80%的码农都做不了架构师？>>>   

前端开发中会遇到很多异步回到，和相互依赖关系的情况，下面我们就通过一个简单案例整体的了解一下，常用的异步回调的用法和优势

1.案例很简单，页面上有三个小球

2.当页面加载后，第一个小球会向左滚动，当第一个小球到达500px的位置，第二个小球开始运动，当第二个小球到达300px的位置时，第三个小球开始运动，也同样向左滚动100px，当第三个小球到达位置时，浏览器弹出‘ok’

• html+css 简单的样式和结构

callback 方法

• callback 写发就出现了大家常见的回调地狱(倒金字塔)结构的代码

Pormise 方法

• 通过使用Promise的then方法，同样达到了效果，并且解决了，回到地狱问题；

async await 方法

转载于:https://my.oschina.net/ndweb/blog/2247819