javascript|谈谈对于Promise简单的理解 javascript|前端

在这里简单的说一下我对promise浅显的理解：
promise是ES6提出的称之为 “回调地狱的超级英雄”
什么是回调地狱呢？

文章图片

这就是一个很典型的回调地狱这样的代码逻辑性比较强而且易读性不高牵一发而动全身
如果有一次执行错误下面的回调就不会再继续执行.....
举例子说明一下：
在平常工作时调接口数据 (当然这只是我举的一些例子仅此而已各位后端大佬们才不会写这么折磨人的接口的........)
我们在调接口拿数据时下一个接口的调用需要依赖上一次接口返回的信息就好比我们想拿到一个学生的基本信息先拿到学校的信息在拿到班级的信息在拿到个人的信息如果一个信息拿不到那就拿不到学生的信息了.....
在形象一点就是我们想拖人办事但是我们并不认识这个人只能通过去认识他身边的朋友在去认识他 .....如果我们认识不到他身边的朋友那就不可能会认识他....
这时候出现一个叫做promise的人就给你提供了一种很直接的方法就避免了层层递进的关系极大的减少了成本提高了效率 ......

一.promise 是一个构造函数可以解决回调地狱

promise有三种状态 pending (进行中)fulfilled（已成功）和rejected（已失败）promise中的异步操作的结果可以决定当前是哪一种状态任何其它操作都无法改变其状态
2.一旦状态改变就不会以在变 promise对状态的改变只有两种第一是从pending到fulfilled 第二是从pending到rejected
3.既然说promise是一个构造函数那么我们就可以创造他的实例对象它接受一个函数作为参数那么函数也接受两个参数作为函数一个为reslove(成功）一个为reject(失败）

let promise_=new Promise((resolve,reject)=>{ resolve()//成功 reject()//失败 })

二.在promise的prototype原型对象上有.then()与.catch()方法

.then()方法里面第一个参数是resolve状态的回调函数第二个参数为reject状态的回调函数回调中的参数也就是成功与失败接受的信息
也就是说我们在promise实例中封装一个异步代码当这段代码执行后如果正常执行就会调用.then方法中的resolve回调函数如果失败则会调用reject回调函数
但是在.then()方法中成功的回调是必选的失败的回调的可选的我们一般习惯于使用.canth()来接收reject错误信息

三.使用代码举一个例子吧

【javascript|谈谈对于Promise简单的理解】首先定义一个变量a 给他赋值为10将它与20进行判断
那么10小于20吗?那肯定是小于的它确实小于20 那么就代表成功走resolve回调函数
那么它大于20吗?那肯定不大于那么就代表失败走reject回调函数(在这里只是本人想了一个方法可以看出他回调的不同结果而已...)

文章图片

我们看到经过判断10确实小于20时他会自动调用.then()中的成功回调打印出来了 a确实小于20

我们把a值得改为21

文章图片

可以看出我们只是更改了a的赋值并没有更改其它任何代码刚刚我们说过如果a不小于20调用reject失败回调在这里它调用了catch()中的回调打印出来了 a不小于20

所以经过这么多的文字描述在加上上述代码实例看到它最终调用.是then()中的成功回调函数还是调用.catch()中的回调完全是根据 promise实例中所封装的代码所执行的结果来自行判断调用的如果代码正常执行则调用.then(）中的resolve成功回调如果执行错误会调用.catch()中的reject失败回调只不过在这里我是以比较大小来做证明的