前言
异步编程:js语言是单线程机制,所谓单线程机制就是按次序执行,执行完一个任务再执行下一个,但是不影响存在同步和异步的两种操作,这两种操作做事情其实都在一条流水线上(单线程)只是这两种操作在单线程上的执行顺序不一样罢了,当js触发到异步任务时,会将异步任务交给浏览器,当执行有结果的时候,会把异步任务的回调函数插入待处理队列的队尾。
异步就是从主线程发射一个子线程来完成任务,每一个任务有一个或多个回调函数(callback),前一个任务结束后,不是执行后一个任务,而是执行回调函数,后一个任务则是不等前一个任务执行完成就执行,所以程序的执行顺序与任务的排列顺序是不一致的、异步的。
回调函数
当一个函数,被当作实参传入另一个函数(外部函数),而且这个函数在外部函数内被调用,用来完成某些任务的函数,就称为回调函数。
回调地狱
当一个回调函数嵌套一个回调函数的时候就会出现一个嵌套结构 当嵌套多了就会出现回调地狱的情况。
回调地狱的代码非常折磨人,这样的代码可维护性非常差,体验非常不好,很容易看懵,为了解决这个问题,我们引入了Promise来解决回调地狱。
使用promise解决回调地狱的方法和优点
- 对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:
- pending(进行中)
- fulfilled(已成功)
- rejected(已失败)
只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态
2.一旦状态改变,就不会再变,任何时候都可以得到这个结果。Promise对象的状态改变,只有两种可能:从pending变为fulfilled和从pending变为rejected。只要这两种情况发生,状态就凝固了,不会再变了,会一直保持这个结果,这时就称为 resolved(已定型)。如果改变已经发生了,你再对Promise对象添加回调函数,也会立即得到这个结果。这与事件(Event)完全不同,事件的特点是,如果你错过了它,再去监听,是得不到结果的。
Promise语法格式
new Promise(function (resolve, reject) {
// resolve 表示成功的回调
// reject 表示失败的回调
}).then(function (res) {
// 成功的函数
}).catch(function (err) {
// 失败的函数
})
Promise链式
then方法返回的是一个新的Promise实例(注意:不是原来的Promise实例)。因此可以采用链式写法,即then方法后再调用另一个then
Promise.all()
Promise.all()
方法用于将多个 Promise 实例,包装成一个新的 Promise 实例
。
语法格式:
const p = Promise.all([p1, p2, p3]);
Promise.all()方法接受一个数组作为参数,p1、p2、p3都是 Promise 实例,如果不是,就会调用Promise.reslove() 自动将参数转为 Promise resolved状态的实例,再进一步处理。