JS中的异步操作总结

DOM Events

XMLHttpRequest

fetch

WebSockets

Server Send Events

Service Worker

Node Stream

Timer

1、回调函数  ajax典型的异步操作，利用XMLHttpRequest，回调函数获取服务器的数据传给前台   回调函数的含义就是耗时任务f1中执行f2，f1不会堵塞住，而是先执行f2，再延迟执行f1

2、事件监听

 addEventListener

 当监听事件发生时，先执行回调函数，再对监听事件进行改写   3、观察者模式，也叫订阅发布模式

 多个观察者可以订阅同一个主题，主题对象改变时，主题对象就会通知这个观察者

 其中步骤包括，订阅、发布、退订；先订阅(subscribe)一个主题对象，根据主题对象发布(publish)内容，期间也退订(unsubscribe)主题对象，一旦退订就无法再次发布

 可以把订阅一个主题对象理解成监听一个事件   观察者模式的一个特点就是一旦主题事件一改变，就会通知整个观察者；观察者模式还可以计算出订阅事件的个数

4、promise

 promise第一个特点：对象状态不受外界影响，有三个状态pending()，fulfilled()，rejected()，只有异步操作才会更改这个状态，其他操作无法改变这个状态   promise第二个特点：一旦状态改变，pending->fulfilled或pending->rejected，状态就会凝固住，称为resolve，通过promise的回调函数可以立即得到这个结果，与事件监听不同，一旦事件错误，就无法再次监听

promise第三个特点：避免了回调函数的层层嵌套，实际上写promise时，虽然没有回到函数的层层嵌套，但是又有then的嵌套，这个又有新的解决方法

promise第一个缺点：一旦promise建立，就会立即执行，无法中途停止

 promise的第二个缺点：promise不设置回调函数，抛出的错误无法在外部捕获   piomise的第三个缺点：处于pending状态，无法知道进展到哪个状态

5、es7语法糖async/await

  sync异步函数是promise的完成状态，async函数直接then去获取状态改变值，catch来获取错误    await只允许在async内部使用，就是async异步函数内部想要继续then，就可以采用await异步函数，await异步函数是内部的async异步函数   async极大精简了promise的操作