其实跟着promise a+一步一步,按照顺序实现一个promise并不难,今天先实现最简单的promise和异步resolve。原本想一律一次性写完,想想还是分开走,希望想学的可以敲几遍。
//promise三个状态const PENDING = 'PENDING';const FULFILLED = 'FULFILLED';const REJECTED = 'REJECTED';class Promise { constructor(executor){ //状态 this.state = PENDING; //成功值 失败值 默认undefined this.value = undefined; this.reason = undefined; //简易发布订阅,实例可以then屡次,用数组 this.onResolvedCallbacks = []; this.onRejectedCallbacks = []; //成功方法 let resolve = (value) => { if(this.state === PENDING){ this.state = FULFILLED; this.value = value; this.onResolvedCallbacks.forEach(fn => fn()); } }; //失败方法 let reject = (reason) => { if(this.state === PENDING){ this.state = REJECTED; this.reason = reason; this.onRejectedCallbacks.forEach(fn => fn()); } }; //立即执行,假如有错误直接执行失败方法 try{ executor(resolve, reject); }catch (e) { reject(e); } } //then方法,一个成功函数,一个失败函数 then(onFulfilled, onRejected){ //假如成功,执行成功函数 if(this.state === FULFILLED){ onFulfilled(this.value); }; //假如失败,执行失败函数 if(this.state === REJECTED){ onRejected(this.reason); }; //假如有异步,订阅成功失败函数 if(this.state === PENDING){ this.onResolvedCallbacks.push(() => { onFulfilled(this.value); }); this.onRejectedCallbacks.push(() => { onRejected(this.reason); }); }; }}
最简单的实现,可以了解了解。