Promise原理分析及简单实现

前端日记

今天是前端日记的第五天，清楚了promise的使用后，接下来我们开始分析promise的原理以及做简单的实现，然后与大家一起分享。一个前端小白的学习之路。

promise分析

先上代码，实例化一个promise

var promise = new Promise(function (resolve, reject) {
   
   
    //做一些异步操作
    setTimeout(function () {
   
   
      var num = parseInt(Math.random() * 10); //生成1-10的随机数
      if (num <= 5) {
   
   
        resolve(num);
      } else {
   
   
        reject(`数字太大了，我拿到了${
     
     num}`);
      }
    }, 2000);
  });

从代码上看，Promise这个类中传一个函数作为参数，把这个参数的函数称为callback，并且这个callback函数是马上执行的，也就是在new Promise这个类的时候自动执行下面这个callback函数

function (resolve, reject) {
   
   
    //做一些异步操作
    setTimeout(function () {
   
   
      var num = parseInt(Math.random() * 10); //生成1-10的随机数
      if (num <= 5) {
   
   
        resolve(num);
      } else {
   
   
        reject(`数字太大了，我拿到了${
     
     num}`);
      }
    }, 2000);
  }

再看这个函数又有2个函数参数，分别是Promise的resolve()和 reject()方法，作用是让Promise的状态定型，那么我们思考如何马上执行callback函数并把resolve和reject方法以参数的形式传给callback函数，结合promise的介绍，我们可以先初步实现一个promise类

class Mpromise {
   
   
  constructor(callback) {