浅谈JS中的异步(一).pptx

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