简单实现promise封装

核心思想即把then后的函数提取出来等待resolve后执行callbacks

    function _Promise(fn, callbacks) {var value = null;var callbacks = callbacks || [];var state = 'pending';var _this = this;//注册所有的回调函数this.then = function (fulfilled, rejected) {//链式promisereturn new _Promise(function (resolv, rejec) {try {if (state == 'pending') {callbacks.push(fulfilled);return;}if (state == 'fulfilled') {var data = fulfilled(value) || value;resolv(data);return;}if (state == 'rejected') {var data = rejected(value);resolv(data);return;}} catch (e) {_this.catch(e);}}, callbacks);}//执行所有的回调函数function resolve(valueNew) {value = valueNew;state = 'fulfilled';execute();}//执行所有的回调函数function reject(valueNew) {value = valueNew;state = 'rejected';execute();}function execute() {//加入延时机制 防止promise里面有同步函数 导致resolve先执行 then还没注册上函数setTimeout(function () {callbacks.forEach(function (cb) {value = cb(value);});}, 0);}this.catch = function (e) {console.error(JSON.stringify(e));}fn(resolve, reject);      }
复制代码

转载于:https://juejin.im/post/5d47b6ee518825052a032173

简单实现promise封装相关推荐

利用ES6进行Promise封装总结
原生Promise解析简介 promise是异步编程的一种解决方案,比传统的解决方案--回调函数和事件--更合理和强大. promise简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一 ...
promise ajax 队列,ES6中的promise，从使用promise封装ajax说起
1为啥要用promise? js是单线程的,理论上所有代码都是同步的,从上到下一行行执行.然而就这样傻傻解析运行js的话,碰到较重的任务时,会阻塞进程,如发送一个用户是否登录验证请求,请求完成响应之前 ...
深度解析利用ES6进行Promise封装总结
这篇文章主要介绍了如何利用ES6进行Promise封装总结,文中通过示例代码介绍的非常详细,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下.如有不足之处,欢迎批评指正. 原生P ...
小程序promise封装post请求_Promise封装微信小程序的Request请求
回调地狱一向是影响开发和维护的症结所在,无数个success()的嵌套再嵌套,导致代码层级颇深,盘一次逻辑都要费劲千辛万苦,ES6语法中的Promise,便是专为解决JS中异步请求回调的信任问题而存在 ...
JS 利用promise封装setTimeout So easy
JS 利用promise封装setTimeout So easy 就是一句代码那么简单 , 实际应用可以结合async / await~ /*** @description:延迟|等待函数* @ret ...
分享：用promise封装ajax
用promise封装ajax var ajaxOptions = {url: 'url',method: 'GET',async: true,data: null,dataType: 'text', ...
简单介绍 ghost封装过程
简单介绍 ghost封装过程图片: 描述:1 图片: 描述:2 图片: 描述:3 图片: 描述:4 图片: 描述:5 图片: 描述:8 图片: 描述:11 图片: 描述:12 图片: 描述:13 图 ...
小程序promise封装post请求_微信小程序promise封装get/post请求
微信小程序promise封装get/post请求 2020-07-04 20:42:49 微信小程序promise封装get/post请求叶子兔 2018-10-10 08:55:30 1056 ...
promise是什么？简单分析promise原理
预备知识回调函数高级函数发布-订阅模式 promise A+ 规范 promise是什么,能干什么 Promise是异步编程的一种解决方案,它可以解决异步回调地狱的问题,防止层层嵌套对程序代码带 ...

简单实现promise封装

核心思想即把then后的函数提取出来等待resolve后执行callbacks

简单实现promise封装相关推荐

最新文章

热门文章