浅谈JS中的异步演示课件

.,浅谈JS中的异步,XX老师瞎讲异步系列1,2018/5/20,.,提问,2018/5/20,什么是异步？为什么我们需要异步？,.,异步,2018/5/20,同步模式这个大家应该很熟悉了，就是上一段的模式，后一个任务等待前一个任务结束，然后再执行，程序的执行顺序与任务的排列顺序是一致的、同步的；异步模式则完全不同，每一个任务有一个或多个回调函数（callback），前一个任务结束后，不是执行后一个任务，而是执行回调函数，后一个任务则是不等前一个任务结束就执行，所以程序的执行顺序与任务的排列顺序是不一致的、异步的。异步模式非常重要。在浏览器端，耗时很长的操作都应该异步执行，避免浏览器失去响应，最好的例子就是Ajax操作。在服务器端，异步模式甚至是唯一的模式，因为执行环境是单线程的，如果允许同步执行所有http请求，服务器性能会急剧下降，很快就会失去响应。,.,提升性能,改善用户体验,异步的好处,2018/5/20,避免阻塞,.,js异步编程,回调函数,观察者模式,事件监听,promise,2018/5/20,.,回调函数,什么是回调函数？,能干啥？,2018/5/20,.,回调函数,2018/5/20,在js中代码会至上而下一条线执行下去，但是有时候我们需要等到一个操作结束之后再进行下一个操作，这时候就需要用到回调函数。因为函数实际上是一种对象，它可以存储在变量中，通过参数传递给另一个函数，在函数内部创建，从函数中返回结果值”，因为函数是内置对象，我们可以将它作为参数传递给另一个函数，到函数中执行，甚至执行后将它返回,.,观察者模式,观察者模式是啥玩意？,能吃么？,2018/5/20,.,观察者模式,观察者模式又叫做发布订阅模式，它定义了一种一对多的关系，让多个观察者对象同时监听某一个主题对象，这个主题对象的状态发生改变时就会通知所有观察着对象。它是由两类对象组成，主题和观察者，主题负责发布事件，同时观察者通过订阅这些事件来观察该主体，发布者和订阅者是完全解耦的，彼此不知道对方的存在，两者仅仅共享一个自定义事件的名称。,.,事件监听,这个我知道！,哈哈哈！,2018/5/20,.,事件监听,事件监听是充分利用js的事件驱动机制，dom事件的发生都是未知的，大部分由用户操作去触发，任务的执行不取决于代码的顺序，而取决于某个事件是否发生。这种方法的优点是比较容易理解，可以绑定多个事件，每个事件可以指定多个回调函数，而且可以去耦合（Decoupling），有利于实现模块化。缺点是整个程序都要变成事件驱动型，运行流程会变得很不清晰。,.,promise,ES6的内置对象,异步操作！说来就来！,2018/5/20,.,promise,Promise是异步编程的一种解决方案，它有三种状态，分别是pending-进行中、resolved-已完成、rejected-已失败，当Promise的状态又pending转变为resolved或rejected时，会执行相应的方法，并且状态一旦改变，就无法再次改变状态，这也是它名字promise-承诺的由来。Promises是CommonJS工作组提出的一种规范，目的是为异步编程提供统一接口。简单说，它的