Promise

布织锁云

已于 2023-06-09 17:59:05 修改

阅读量178

点赞数

文章标签： javascript 前端 promise

于 2023-06-09 17:57:36 首次发布

本文链接：https://blog.youkuaiyun.com/qq_52731478/article/details/131131918

版权

Promise有三种状态：初始（pending）、成功（fulfilled）和失败（rejected）。状态一旦改变就不会再变，并且返回结果。同步操作中，resolve和reject会立即改变Promise状态，然后进行异步的then和catch处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

promise三种状态

初始状态

        let promise = new Promise((resolve,reject)=>{
            
        })
        console.log(promise);       //Promise {<pending>}   初始状态，既不成功也不失败

成功

        let promise = new Promise((resolve,reject)=>{
            resolve('成功')
        })
        console.log(promise);       //Promise {<fulfilled>: '成功'}   成功

失败

        let promise = new Promise((resolve,reject)=>{
            reject('失败')
        })
        console.log(promise);       //Promise {<rejected>: '失败'}   失败

一旦状态变为fulfilled或者rejected，状态就固定不变了，并且返回结果

同步异步

        let promise = new Promise((resolve,reject)=>{
            resolve('成功')			//同步
            reject('失败')			//同步
            console.log(111);		//同步
        })
        console.log(promise);       //111  Promise {<fulfilled>: '成功'}   失败

在这里插入图片描述

        let promise = new Promise((resolve,reject)=>{	//1.同步
            resolve('成功')			//4.同步
            reject('失败')			//同步
            console.log(222);		//2.同步
        })
        promise.then(result=>{			//7.异步
            console.log('then：',result);			//8.输出then： 成功
        })
        promise.catch(err=>{				//异步
            console.log('err',err);
        })
        
        console.log(promise);      //3.同步		使用promise	5.输出Promise {<fulfilled>: '成功'}
        console.log(111);				//6.同步

在这里插入图片描述

        let promise = new Promise((resolve,reject)=>{		//1.同步	5.
            resolve('成功')			//6.同步
            reject('失败')			//同步
            console.log(222);		//2.同步		输出222
        })
        promise.then(result=>{		//8.异步
            console.log('then：',result);				//9.		then： 成功
        })
        promise.catch(err=>{			//异步
            console.log('err',err);
        })
        console.log(111);				//3.同步		输出111
        console.log(promise); 		//4.同步	使用promise		7.输出Promise {<fulfilled>: '成功'}