// promise 还是基于回调的 es6-promise
// 1.promise是一个类 ,无需考虑兼容性
// 2.当使用promise的时候 会传入一个执行器,此执行器是立即执行
// 3.当前executor 给了两个函数可以来描述当前promise的状态。promise中有三个状态 成功态 失败态 等待态
// 默认为等待态 如果调用resolve会走到成功态,如果调用reject 或者发生异常 会走失败态
// 4.每个promise实例都有一个then方法
// 5.promise 一旦状态变化后不能更改
const PENDING = 'PENDING';
const FULFILLED = 'FULFILLED';
const REJECTED = 'REJECTED';
class Promise {
constructor(executor) {
this.status = PENDING; // promise默认的状态
this.value = undefined; // 成功的原因
this.reason = undefined; // 失败的原因
const resolve = (value) => { // 成功resolve函数
if (this.status === PENDING) {
this.value = value;
this.status = FULFILLED; // 修改状态
}
}
const reject = (reason) => { // 失败的reject函数
if (this.status === PENDING) {
this.reason = reason;
this.status = REJECTED // 修改状态
}
}
try {
executor(resolve, reject);
} catch (e) {
reject(e);
}
}
then( onFulfilled, onRejected){ // onFulfilled, onRejected
if(this.status == FULFILLED){ // 成功调用成功方法
onFulfilled(this.value);
}
if(this.status === REJECTED){ // 失败调用失败方法
onRejected(this.reason);
}
}
}
module.exports = Promise
手写promise1_2021-03-30
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 加载图片,用promise resolve(img) 有两个作用, 一个是 改变状态,声明状态另一个是将返回值传递...
- 这里我们先啰嗦一下Promise的概念:什么是promise Promise 是异步编程的一种解决方案,比传统的解...