ES6中的Promise解析

搬运工_XXX

于 2021-02-06 16:23:14 发布

阅读量114

点赞数

分类专栏： javascript 文章标签： es6

本文链接：https://blog.youkuaiyun.com/weixin_49693227/article/details/113727248

版权

javascript 专栏收录该内容

7 篇文章

订阅专栏

Promise在JavaScript中用于解决回调地狱问题，通过链式调用来清晰组织异步代码。当有异步操作时，可以使用Promise进行封装，避免代码臃肿。异步操作有三种状态：Pending（等待）、Fulfilled（满足，通过resolve触发）和Rejected（拒绝，通过reject触发）。示例中展示了如何创建并使用Promise处理随机延迟的成功或失败情况。

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

Promise的作用：

在js中主要是解决回调地狱

什么是回调地狱？

回调地狱就是我们异步任务中嵌套异步任务一层一层的，导致我们的代码臃肿，而promise链式调用解决这种代码问题。

什么时候使用Promise:

一般有异步操作时，使用Promise对这个异步进行封装。

异步操作后的三种状态：

Pending：等待状态。
Fulfill:满足状态，主动调用resolve，就处于该状态。
Reject:拒绝状态。调用reject时，就处于该状态。

ES6封装好的Promise

    var p = new Promise(function(success,error){
        setTimeout(() => {
            success();
        }, Math.random()*1000)

        setTimeout(() => {
            error();
        }, Math.random()*1000)
    });

    p.then(function(res){
        console.log("成功")
    },function(res){
        console.log("失败")
    })