JavaScript中有大量异步操作,首先可以看看JS中什么东西会产生异步(这里先只考虑浏览器里的情况):
- Ajax(XMLHttpRequest)
- Image Tag,Script Tag,iframe(原理类似)
- setTimeout/setInterval
- CSS3 Transition/Animation
- postMessage
- Web Workers
- Web Sockets
- and more…
实际上在我自己的理解中,任何“在未来不确定的时间发生”的事情都可以理解为异步,因此各种DOM事件也可以用类似的方式去理解和处理。
异步是JS中的重要话题,Ajax和Node.JS出现以后更是让JS中的异步编程提升到了一个前所未有的高度。
但是对于异步+回调①的模式,当需要对一系列异步操作进行流程控制的时候似乎必然会面临着回调嵌套。因此怎么把异步操作“拉平”,用更好的方法去优化异步编程的体验,同时也写出更健壮的异步代码,是这两年来前端圈子里很火的话题。
我大概总结一下,对异步操作的优化,总的来说有3种流派:
- 消息驱动——代表:@朴灵 的EventProxy
- Promise模式——代表:CommonJS Promises,jQuery,Dojo
- 二次编译——代表:@老赵 的Jscex
①:异步不一定非要回调,比如jscex就用了一种非常巧妙的二次编译方式来让代码可以“顺序编写、异步执行”,不再需要无尽的回调。