promise解决回调函数嵌套

所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件,这就解决了,我上次写的ajax的异步造成的问题,还要在回调函数中去绑定事件,有了promise这些都不是事,有了Promise对象,就可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。

promise对象代表一个异步操作,有三种状态pending(进行中),fulfilled(已成功),rejected("已失败"),异步操作的结果决定这个对象的状态,

一旦状态改变,就不会再变,任何时候都可以得到这个结果。Promise对象的状态改变,只有两种可能:从pending变为fulfilled和从pending变为rejected。只要这两种情况发生,状态就凝固了,不会再变了,会一直保持这个结果,这时就称为 resolved(已定型)。如果改变已经发生了,你再对Promise对象添加回调函数,也会立即得到这个结果。这与事件(Event)完全不同,事件的特点是,如果你错过了它,再去监听,是得不到结果的。

基本用法

创建一个promise对象,

 let a=new Promise((resolve,reject)=>{
        setTimeout(()=>{
            console.log("执行了promise")
            reject("执行成功返回的数据像接口数据啥的");
        }
        ,1000)
      })

 这我只是创建了一个对promise对象但是却执行了,Promise 新建后就会立即执行。

所以应该把promise对象放在函数了,比如单击事件函数,单机之后才会新建promise对象然后执行,

其中两个参数,resolve   reject是两个函数,是由js引擎提供的,不需要自己写

resolve函数的作用是,将Promise对象的状态从“未完成”变为“成功”(即从 pending 变为 resolved),在异步操作成功时调用,并将异步操作的结果,作为参数传递出去;reject函数的作用是,将Promise对象的状态从“未完成”变为“失败”(即从 pending 变为 rejected),在异步操作失败时调用,并将异步操作报出的错误,作为参数传递出去。

Promise实例生成以后,可以用then方法分别指定resolved状态和Promise状态的回调函数。

promise对象的then方法,可以将两个回调函数作为参数,第一个会回调函数就是当promise的状态为resolve的时候调用的并且可以接受传来的数据。

 a.then(function(value){
        console.log(value);
        //成功之后
     },
     function(value){
        console.log(value);
     })

 状态变为resolve之后就会执行then方法的第一个回调函数,并且把数据也传了过来,在进行操作就行了,类似于这样在Ajax中请求成功就把返回数据用resolve函数传递,就会执行then方法的第一个回调函数,在回调函数中也可以再return  promise对象,进行回调函数的执行,形成链式,如果不用promise,在Ajax的回调函数中写就会形成多层嵌套,代码一直往右延申,不利于观察,用promise链式,可以代码让代码看起来更有条理,

这就我现在的理解,可能有错误,后续会改

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
在JavaScript中,回调函数嵌套是一种常见的编程模式,也被称为回调地狱。回调函数嵌套指的是在一个回调函数中再次调用另一个回调函数。这种嵌套的方式可以用来处理异步操作,确保它们按照特定的顺序执行。 在给出的代码示例中,loadScript函数用来加载脚本文件,并在加载完成后执行回调函数。通过回调函数嵌套,可以按照指定的顺序加载多个脚本文件。 例如,step1函数是loadScript函数回调函数,它会在加载第一个脚本文件(1.js)完成后执行。在step1函数中,又调用了loadScript函数来加载第二个脚本文件(2.js),并在加载完成后执行step2函数。同样地,step2函数又调用了loadScript函数来加载第三个脚本文件(3.js),并在加载完成后执行step3函数。最后,在step3函数中,所有的脚本文件都已加载完成,可以继续执行后续的操作。 这种方式可以确保脚本的加载顺序,并且可以在每个加载完成后执行相应的代码。然而,回调函数嵌套会导致代码结构复杂,并且可读性较差。为了避免回调地狱问题,可以使用Promise、async/await等其他异步处理方式来简化代码结构和提高可读性。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [JavaScript 异步操作里的嵌套回调函数](https://blog.csdn.net/i042416/article/details/126302075)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [js的回调函数详解](https://download.csdn.net/download/weixin_38557757/13609084)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

源刃

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值