ES6 promise

小灰灰 2022-04-13 06:14 622阅读 0赞

作用：就是解决异步回调问题的

let promise = new Promise(function(resolve, reject){
    
    })
    promise.then(res => console.log(res), err => console.log(err))
    promise.catch(err => console.log(err))

一般不用then的第二个参数，直接用catch  
then/catch返回的都是promise

let p1= Promise.resovle('aa');//将现有的东西转成一个promise对象，resolve状态的
    p1.then(res => console.log(res));  //res=='aaa'

等价于

let p1 = new Promise(resolve => resolve('aaa'));
    p1.then(res => console.log(res));  //res=='aaa'
    let p2 = Promise.reject('aa');//将现有的东西转成一个promise对象，reject状态的

then中回调函数，如果返回的是非promise对象，产生的promise对象的状态为resolved，结果值为返回值；如果返回的是promise对象，状态与返回的promise对象一致。

Promise.all(\[p1, p2, p3\]);把promise打包，扔到一个数组里，打包完还是promise对象  
必须确保所有的promise对象都是resolve状态，而失败的时候则返回最先被reject失败状态的值  
Promise.race(\[R1, R2, R3\]);哪个结果获得的快，就返回那个结果，不管结果本身是成功状态还是失败状态。

demo模拟：

<script>
    	let status = 1;
    	let userLogin = (resolve, reject) =>{
    		setTimeout{() => {
    			if(status === 1){
    				resolve({data:'xxx', msg:'登录成功', token:'dfdgadg'});
    			}else{
    				reject('失败了');
    		        }
    		}, 2000};
    	};
    	let getUserInfo = (resolve, reject) => {
    		setTimeout{() => {
    			if(status === 1){
    				resolve({data:'xxx', msg:'获取用户信息成功', token:'dfdgadg'});
    			}else{
    				reject('失败了');
    			}
    		}, 2000};
    	};
    	new Promise(userLogin).then(res => {
    		console.log(res.msg);
    		return new Promise(getUserInfo);
    		}).then(res => {
    		console.log(res.msg);
    	})
    <script>

发表评论取消回复

表情：

评论列表（有 0 条评论，622人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6 Promise

Promise基本上是面试面试必问点之一。为什么能在面试这么高频的呢？什么是Promise 它的出现是为了更好地解决JavaScript中异步编程的问题，传统的异步编

不念不忘少年蓝@/ 2023年07月18日 09:53/ 0 赞/ 22 阅读

相关 ES6--Promise对象

Promise对象：代表了未来某个将要发生的操作，通常是异步操作 promise对象可以将异步操作以同步的流程表达出来，避免了层层嵌套的回调函数（回调地狱），ES6的

女爷i/ 2022年12月06日 05:23/ 0 赞/ 263 阅读

相关 ES6 Promise

Promise promise对象从语法上来看呢，是一个构造函数，用来生成Promise实例，用来封装异步操作，并提供成功后或失败后的结果所谓Promise，简单说

怼烎@/ 2022年12月01日 15:58/ 0 赞/ 239 阅读

相关 ES6 Promise

promise是一种解决异步函数传递数据问题回调函数解决---->回调地狱 .Promise Promise是一个对象，使用时需要创建这个对象 new P

r囧r小猫/ 2022年11月24日 14:11/ 0 赞/ 220 阅读

相关 es6 Promise

传统实现异步操作就是采用回调函数，回调函数方式本身没有什么问题，但是在多重回调层层嵌套的情况下，那么代码的可阅读性就会出现问题。 Promise对象是一个新的异步操作解决方

曾经终败给现在/ 2022年06月09日 14:45/ 0 赞/ 278 阅读

相关 ES6-Promise

Promise what? 在我看来Promise就相当于一个承诺容器，将所要执行的事件存贮在promise容器中。 Promise在ES6中被统一规范，由浏览

深碍√TFBOYSˉ_/ 2022年06月08日 11:08/ 0 赞/ 505 阅读

相关 ES6-Promise

1. Promise的基础 (1)js的异步操作: a. ajax请求 b. 浏览器事件 c. 定时，setTime setInteval

ゞ浴缸里的玫瑰/ 2022年05月15日 07:52/ 0 赞/ 315 阅读

相关 ES6 promise

作用：就是解决异步回调问题的 let promise = new Promise(function(resolve, reject){ })

小灰灰/ 2022年04月13日 06:14/ 0 赞/ 623 阅读

相关 ES6 —— Promise

不使用 ES6 Promise 嵌套两个 setTimeout 回调函数 setTimeout(function(){ console.log('hel

深碍√TFBOYSˉ_/ 2021年12月21日 17:19/ 0 赞/ 367 阅读

相关 ES6 Promise

[https://blog.csdn.net/shan1991fei/article/details/78966297][https_blog.csdn.net_shan19

偏执的太偏执、/ 2021年12月08日 17:13/ 0 赞/ 371 阅读