Promise的使用（ES6）

今天药忘吃喽~ 2023-09-27 11:01 124阅读 0赞

### 1.什么叫异步编程： ###

如果程序调用某个方法，等待其执行全部处理后才能继续执行，我们称其为同步的。相反，在处理完成之前就返回调用方法则是异步的。  
如果你是做前端的那么就可以这样理解：  
就相当你写了一个方法，然后这个方法的作用是请求后台数据的，然后拿到之后不做任何操作直接交给页面显示，但是通常不是这样的，通常是拿到数据后我们应该会对数据进行各种操作比如第一次请求拿到了id,然后我们就需要根据这个id再次请求其他的端口号，这样就属于异步编程了！  
因此：  
异步编程，通俗的解释就是，我们封装一个网络请求的函数，因为不能立刻返回结果，所以我们可以将其传入另外一个函数，在数据请求成功时，将数据通过传入的函数回调回去。

\*\*

### **2.如何解决这种情况呢？？** ###

\*\*  
在ES6中提出来了Promise的概念用于处理这种异步编程的概念！！其实如果你只是简单的愿意跟你的话，一个小案例就能明白！！

//使用promise进行异步操作
        new Promise((resolve, reject) => {
        
            resolve('hello世界，你好，我是正确，然后进入then，')
            //reject('我是错误，然后进入err')
        }).then(data => {
        
            data = data + "我是resovlve之后的数据进入他会让你之后添加的"
            console.log(data)
        },err => {
        
            err = err + "我是err之后的数据"
            console.log(err)
        })

结果显示：  
![在这里插入图片描述][a972f839c9b84039bbb55600822db612.png]

//使用promise进行异步操作
        new Promise((resolve, reject) => {
        
           // resolve('hello世界，你好，我是正确，然后进入then，')
            reject('我是错误，然后进入err')
        }).then(data => {
        
            data = data + "我是resovlve之后的数据进入他会让你之后添加的"
            console.log(data)
        },err => {
        
            err = err + "我是err之后的数据"
            console.log(err)
        })

![在这里插入图片描述][6200177f52b74a5f870200c6069d1671.png]  
满足状态，当主动回调resolve时，就处于该状态，并且会回调.then()  
拒绝状态，当主动回调reject时，就处于该状态，并且会回调.err()  
然后看着两个案例，你应该基本上已经明白了，对吧resolve对应的是.then，rejec对应的是err方法！！！，到这基本上已经结束了！！！  
![在这里插入图片描述][382db0a5bebe4f788b194f4117078cce.png]  
对了，这里给大家两篇不错的博客，有助于大家加深理解：  
第一篇：https://blog.csdn.net/guorui\_java/article/details/122649856  
第二篇：https://blog.csdn.net/guorui\_java/article/details/122649856  
这两篇博客写的不错！！！！

[a972f839c9b84039bbb55600822db612.png]: https://img-blog.csdnimg.cn/a972f839c9b84039bbb55600822db612.png
[6200177f52b74a5f870200c6069d1671.png]: https://img-blog.csdnimg.cn/6200177f52b74a5f870200c6069d1671.png
[382db0a5bebe4f788b194f4117078cce.png]: https://img-blog.csdnimg.cn/382db0a5bebe4f788b194f4117078cce.png