原生js写简单的promise 及使用

function MyPromise(func) {

var self =this;

    var count =0;

    this.cbklist = [];

    this.then =function(callback) {

this.cbklist.push(callback);

        return this;

    }

this.success =function() {

if (count == self.cbklist.length)return;

        self.cbklist[count++](self.success);

    }

setTimeout(function() {

func(self.success);

    }, 0);

}

function ajaxA(success){

setTimeout(function(){

console.log("AAAAAAAAAA");

        success();

    }, 3000);

}

function ajaxB(success){

setTimeout(function(){

console.log("BBBBBBBBBB");

        success();

    }, 2000);

}

function ajaxC(success){

setTimeout(function(){

console.log("CCCCCCCCCC");

        success();

    }, 1000);

}

function ajaxD(){

setTimeout(function(){

console.log("DDDDDDDDD");

    }, 2000);

}

new MyPromise(ajaxA).then(ajaxB).then(ajaxC).then(ajaxD);


来源https://www.cnblogs.com/liuliang-wifi/p/6832850.html

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 8,140评论 2 17
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,321评论 1 10
  • Express 基于Node.js 平台,快速、开放、极简的 web 开发框架。 Express使用文档 新建项目...
    阿鲁提尔阅读 1,728评论 1 3
  • 在ES6当中添加了很多新的API其中很值得一提的当然少不了Promise,因为Promise的出现,很轻松的就给开...
    嘿_那个谁阅读 3,754评论 2 3
  • 考验人性这件事情貌似我们都曾做过或者至少想过,但是这么多年过去了,自己越来越感觉考验人性这件事情对于考验的实施者来...
    杂食的明子阅读 1,950评论 0 3

友情链接更多精彩内容