Promise对象

最新推荐文章于 2025-04-17 12:09:07 发布

dbs5592

最新推荐文章于 2025-04-17 12:09:07 发布

阅读量69

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/vhen/p/7574925.html

本文深入探讨了Promise的三种状态：pending（进行中）、fulfilled（已成功）、rejected（已失败），并通过三个案例展示了Promise的基本使用，包括延迟函数、并发执行及异步超时处理。

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

一、Promise 有三个状态

　　1、pending（进行中）

　　2、fulfilled（已成功）

　　3、rejected（已失败）

案例1

function  delayFn () {
    return new Promise((resolve, reject) => {
        setTimeout (() => {
            resolve()
        },3000)
    })
}
delayFn().then(() => {
    console.log('dfdfdf')
}).catch(err => {
    console.log(err)
})

View Code

案例2 （Promise.all() 并发执行）

function fn1 () {
    return new Promise((resolve, reject) =>{
        resolve('one')
    }).catch(err => {
        throw new Error(err)
    })
}
function fn2 () {
    return new Promise((resolve, reject) =>{
        resolve('two')
    }).catch(err => {
        throw new Error(err)
    })
}
let res = Promise.all([fn1(), fn2()])
res.then(v =>{
    console.log(v)
})

View Code

案例3 （异步超时，取消用Promise.race()）

function fn1() {
    return new Promise((resolve, reject) => {
        setTimeout(function() {
            resolve('finish')
        }, 3000);
    });
}
function cancel() {
    return new Promise((resolve, reject) => {
        setTimeout(function() {
            resolve('超时了')
        }, 1000);
    });
}
let promise = Promise.race([fn1(), cancel()])
promise.then((value) => {
        console.log(value) // -> 超时了
})