美文网首页
一步步解析Promise

一步步解析Promise

作者: wyc0859 | 来源:发表于2022-03-24 19:50 被阅读0次
class Promise {
  public x!: number;
  constructor(ParamFun: (x: number) => any) {
    console.log("类构造函数");
    this.x = 88;
    ParamFun(this.x);
  }
}

new Promise(function (p1: number): any {
  console.log("实例参数函数的参数p1:", p1); //p1: 88
});

new Promise(a函数) -> 构造函数(ParamFun=a函数)
构造函数类运行a函数(),需要参数1
所以this.x有值后,传入做参数,然后外面的new Promise(a函数(得到了参数this.x))


把上面x的类型改成函数

type pfun = (ok: any) => any; //定义函数类型
class PromiseX {
  public x!: pfun;
  constructor(ParamFun: (x: pfun) => any) {
    console.log("类构造函数");
    this.x = (ok: any): any => {
      console.log("A函数的参数1-是我B函数,我的参数是:", ok);
    };
    ParamFun(this.x);
  }
}

new PromiseX(function (p1: pfun): any {
  console.log("实例参数函数A-的参数p1:");
  p1("abc");
});
// 执行结果为:
// 类构造函数
// 实例参数函数A-的参数p1:
// A函数的参数1-是我B函数,我的参数是: abc

继续改造上面的函数,把参数x改成2个参数:resolve,reject,类型还是函数,就是Promise雏形

相关文章

  • Promise原理解析

    Promise原理解析 标签(空格分隔): Node.js Promise原理解析 简介 Promise 对象用于...

  • 一步步解析Promise

    new Promise(a函数) -> 构造函数(ParamFun=a函数)构造函数类运行a函数(),需要参数...

  • Promise对象原理解析

    Promise对象原理解析 ES6 原生提供了 Promise 对象。所谓 Promise,就是一个对象,用来传递...

  • JavaScript面试:什么是Promises ?

    什么是promise? promise是将来可能会产生单个值的对象 :已解析的值或未解析的原因(例如,发生网络错误...

  • Promise面试题

    Promise面试题 题目一 解析首先Promise新建后立即执行,所以会先输出1,2,而Promise.then...

  • Promise解析

    Promise使用场景 回调地狱:当你发送一个ajax请求,继而又需要请求一个ajax请求,并且此ajax请求参数...

  • 解析Promise

    Promise作为ES6中最重要的特性之一,我们有必要掌握并理解透彻。本文将由浅到深,讲解Promise的基本概念...

  • promise解析

    有的东西使用了很多遍,但是概念还是很模糊 1.我们为什么要用promise回调金字塔 回调剥夺了我们使用throw...

  • Promise在react-native中的使用

    一.方法 Promise.resolve(value) 方法返回一个以给定值解析后的Promise 对象。如果该值...

  • Promise-Polyfill源码解析(2)

    在上篇文章Promise-Polyfill源码解析(1)详细分析了Promise构造函数部分的源码,本篇我们继续分...

网友评论

      本文标题:一步步解析Promise

      本文链接:https://www.haomeiwen.com/subject/hlxidrtx.html