理解Promise (2)

一进来我们开始执行 executor函数传递两个参数再调用 then 方法，then 方法里面有 OnResolve方法，OnReject 方法

在then 方法中，我们一开始的状态是pending 然后根据状态的不同调用不同的函数，

在两个不同的函数中我们进行判断因为状态一开始都是有 pending = > success 或者 pending =>fail

判断时修改状态和显示值

function  Promise(executor) {let  self  = this;self.value = null;self.reason = null;//设置默认状态self.status = 'pending'//成功函数
    function  resolve(value) {if(self.status=='pending') {self.status = 'success';// console.log(self.value);self.value =  '运行成功了'}};//失败函数
    function  reject(reason) {if(self.status == 'pending') {self.status = 'fail';self.reason = '运行失败了'}}//默认立即执行函数 传递两个参数
    executor(resolve,reject);
}
Promise.prototype.then =  function(OnResolve,OnReject) {console.log(this.value)if(this.status == 'success') {OnResolve(this.value);}if(this.status =='fail') {OnReject(this.reason);}
};
module.exports= Promise;
//一进来 我们开始执行 executor函数 传递两个参数 再调用 then 方法 ，then 方法里面有  OnResolve方法，OnReject 方法
// then 方法中，我们一开始的状态是pending  然后根据 状态的不同 调用不同的函数，
// 在两个不同的函数中 我们 进行判断 因为状态一开始都是有 pending  = >  success 或者 pending =>fail
// 判断 时修改 状态 和 显示值

运行：

开始运行了
运行成功了
success 运行成功了
运行结束

这里还没有进行异步的处理

转载于:https://www.cnblogs.com/guangzhou11/p/11299452.html

理解Promise (2)相关推荐

大白话讲解Promise（二）理解Promise规范
上一篇我们讲解了ES6中Promise的用法,但是知道了用法还远远不够,作为一名专业的前端工程师,还必须通晓原理.所以,为了补全我们关于Promise的知识树,有必要理解Promise/A+规范,理解 ...
es5如何实现promise_彻底理解Promise对象——用es5语法实现一个自己的Promise(上篇)...
众所周知javascript语言的一大特色就是异步,这既是它的优点,同时在某些情况下也带来了一些的问题.最大的问题之一,就是异步操作过多的时候,代码内会充斥着众多回调函数,乃至形成回调金字塔.为了解决 ...
理解Promise的3种姿势
对于Promise,也许你会用了,却并不理解:也许你理解了,却只可意会不可言传.这篇博客将从3个简单的视角理解Promise,应该对你有所帮助. 示例1中,asyncFunc()函数返回的是一个Pro ...
通俗浅显的理解promise中的then
通俗浅显的理解promise中的then 先看一下下面4个Promise到底有什么区别呢? 执行第一个方法: 执行第二个方法: 执行第三个方法: 执行第四个方法: 文章原文出处:博主petruslaw ...
深入理解Promise并写一个符合Promise a+规范的Promise代码
深入理解Promise并写一个符合Promise a+规范的Promise代码关于Promise函数可以参考我写的这篇文章https://www.cnblogs.com/qiaohong/p/770 ...
ES6——举个例子理解Promise的原理和使用
1. Promise 之前 1.1 回调函数回调函数:把函数A当作参数传递给另一个函数B调用,那么A就是回调函数. 一些例子具名回调 function 你有几只狗(fn){fn('一只狗') } ...
理解promise、async 和await之间的执行关系
先看下面的例子 console.log('script start'); async function async1(){console.log('async1 start');await async ...
一篇文章理解Promise原理
前提掌握知识: 微任务包括: MutationObserver.Promise.then()或reject().Promise为基础开发的其它技术,比如fetch API.V8的垃圾回收过程.Node ...
理解promise、promise.all、promise.race
文章目录 promise promise.all promise.race 注意总结 promise Promise 对象代表了未来将要发生的事件,用来传递异步操作的消息. Promise 对象有以 ...
理解Promise (4)
then 方法必须返回一个新的promise promise2 = promise1.then(onFulfilled, onRejected); 新的Promise 必须返回传递两个方法 onF ...

理解Promise (2)

理解Promise (2)相关推荐

最新文章

热门文章