Promise基础原理仿写

话不多说,直接上代码,一个个的写传参详情。

我里面写的这个延时器模拟的异步任务,没有多难,不用仔细看。只需要看什么时候调用reslove还是reject函数即可,调用其中的一个,那么就会执行外面的.then或者是catch回调函数!

温馨提示:还是请各位看官,如果不懂什么叫回调函数,建议把这个扎实的补补,回调函数在后面越来越重要!

    <script>
      function clients(count) {
        // 第一步:生成一个promise实例对象
        // 第二步:传入俩个回调函数resolve与reject //注意:当我们给实例传入一个函数时,这个函数立即执行函数,我们把异步任务传入这个立即执行函数里面
        let promise = new Promise((resolve, reject) => {
          // 用延时函数模拟一个异步任务
          // 我们把这个需要进行的异步任务,通通都放到这个函数里面进行执行。
          setTimeout(() => {
            if (count <= 0) {
              let total = 0;
              for (let i = 0; i < 50; i++) {
                total += 1;
              }
              // 满足条件时,调用这个成功的回调函数。触发外面的.then()回调函数里面的内容
              resolve(total);
            } else {
              throw new Error("传进来的"+count+"数值已经大于了0");
              //不满足条件时,调用这个reject函数,触发外面的.catch()回调函数里面的内容
              reject(count);
              return;
            }
          }, 1500);
        });
        // 最终:我们需要返回这个promise实例对象,为什么要返回呢,因为我们实在一个函数里面封装的promise,所有需要返回这个实例对象
        return promise;
      }
      //调用函数,传入我们自定义的参数10,虽然函数里面异步任务开始执行。当异步任务执行到满足什么条件时,
      // 比如执行:resolve();那么外面的.then就会进行执行,因为.then是reslove的回调函数。
      clients(10).then((value) => {
          console.log("最终成的结果是", value);
        }).catch((err) => {
          console.log("失败了", err);
        });
    </script>

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

江先森℃

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

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

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

打赏作者

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

抵扣说明:

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

余额充值