版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
手寫promise實(shí)現(xiàn)原理Promise是JavaScript中處理異步編程的一種方式,其實(shí)現(xiàn)原理包括以下幾個(gè)關(guān)鍵步驟:
1.Promise的基本結(jié)構(gòu):Promise是一個(gè)對(duì)象,包含三個(gè)狀態(tài):pending(進(jìn)行中)、fulfilled(已成功)和rejected(已失?。?。
```javascript
classPromise{
constructor(executor){
this.state='pending';
this.value=undefined;
this.reason=undefined;
this.onFulfilledCallbacks=[];
this.onRejectedCallbacks=[];
try{
executor(this.resolve.bind(this),this.reject.bind(this));
}catch(error){
this.reject(error);
}
}
resolve(value){
if(this.state==='pending'){
this.state='fulfilled';
this.value=value;
this.onFulfilledCallbacks.forEach(callback=>callback(this.value));
}
}
reject(reason){
if(this.state==='pending'){
this.state='rejected';
this.reason=reason;
this.onRejectedCallbacks.forEach(callback=>callback(this.reason));
}
}
}
```
2.then方法的實(shí)現(xiàn):通過(guò)then方法可以為Promise對(duì)象綁定成功和失敗的回調(diào)函數(shù)。
```javascript
then(onFulfilled,onRejected){
constpromise2=newPromise((resolve,reject)=>{
if(this.state==='fulfilled'){
setTimeout(()=>{
try{
constx=onFulfilled(this.value);
this.resolvePromise(promise2,x,resolve,reject);
}catch(error){
reject(error);
}
});
}
if(this.state==='rejected'){
setTimeout(()=>{
try{
constx=onRejected(this.reason);
this.resolvePromise(promise2,x,resolve,reject);
}catch(error){
reject(error);
}
});
}
if(this.state==='pending'){
this.onFulfilledCallbacks.push(value=>{
setTimeout(()=>{
try{
constx=onFulfilled(value);
this.resolvePromise(promise2,x,resolve,reject);
}catch(error){
reject(error);
}
});
});
this.onRejectedCallbacks.push(reason=>{
setTimeout(()=>{
try{
constx=onRejected(reason);
this.resolvePromise(promise2,x,resolve,reject);
}catch(error){
reject(error);
}
});
});
}
});
returnpromise2;
}
resolvePromise(promise,x,resolve,reject){
if(promise===x){
reject(newTypeError('Chainingcycledetectedforpromise'));
}
letcalled=false;
if(xinstanceofPromise){
x.then(
value=>{
if(called)return;
called=true;
this.resolvePromise(promise,value,resolve,reject);
},
reason=>{
if(called)return;
called=true;
reject(reason);
}
);
}elseif(typeofx==='object'||typeofx==='function'){
if(x===null){
resolve(x);
}
try{
constthen=x.then;
if(typeofthen==='function'){
then.call(
x,
value=>{
if(called)return;
called=true;
this.resolvePromise(promise,value,resolve,reject);
},
reason=>{
if(called)return;
called=true;
reject(reason);
}
);
}else{
resolve(x);
}
}catch(error){
if(called)return;
called=true;
reject(error);
}
}else{
resolve(x);
}
}
```
3.catch方法的實(shí)現(xiàn):通過(guò)catch方法可以捕獲被reject的Promise。
```javascript
catch(onRejected){
returnthis.then(null,onRejected);
}
```
4.finally方法的實(shí)現(xiàn):通過(guò)finally方法可以在Promise狀態(tài)變?yōu)槌晒蚴r(shí)執(zhí)行指定的回調(diào)函數(shù)。
```javascript
finally(onFinally){
returnthis.then(value=>{
onFinally();
returnvalue;
},reason=>{
onFinally();
throwreason;
});
}
`
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 建軍節(jié)講話稿
- 土石方工程管理協(xié)議書(2篇)
- 地區(qū)分銷合作協(xié)議(2篇)
- 城市步行街太陽(yáng)能路燈安裝合同
- 電動(dòng)車公司車位租賃合同范本
- 有色金屬公司裝修施工項(xiàng)目合同
- 音頻工程師招聘合同樣本
- 景觀設(shè)計(jì)私人施工合同
- 醫(yī)院藥學(xué) 課件 模塊六 靜脈用藥集中調(diào)配 課件
- 珠寶加工合同管理規(guī)范
- 2024-2025學(xué)年烏魯木齊市數(shù)學(xué)三上期末檢測(cè)試題含解析
- 三軸試驗(yàn)報(bào)告(共12頁(yè))
- 生活垃圾填埋場(chǎng)污染控制標(biāo)準(zhǔn)
- 空氣能機(jī)組安裝使用說(shuō)明
- 監(jiān)控系統(tǒng)自檢報(bào)告
- 工業(yè)機(jī)器人論文
- 代理商授權(quán)書
- 中南財(cái)經(jīng)政法大學(xué)工商管理碩士(MBA)
- 白云國(guó)際機(jī)場(chǎng)航站樓1027火災(zāi)事故
- 正常胃鏡檢查診療報(bào)告單
- 外協(xié)管理制度
評(píng)論
0/150
提交評(píng)論