本篇文章為大家展示了promise原理是什么，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

在商城等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站制作、成都做網(wǎng)站 網(wǎng)站設(shè)計制作按需制作網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),高端網(wǎng)站設(shè)計,成都全網(wǎng)營銷,外貿(mào)網(wǎng)站制作,商城網(wǎng)站建設(shè)費用合理。

一、 promise應(yīng)用場景

1 解決回調(diào)地獄

比如我們經(jīng)?？赡苄枰惒秸埱笠粋€數(shù)據(jù)之后作為下一個異步操作的入?yún)?/p>

getData(function(a){      getMoreData(a, function(b){        getMoreData(b, function(c){             getMoreData(c, function(d){                 getMoreData(d, function(e){                     ...                });            });        });    });});

可以發(fā)現(xiàn)上面的代碼看起來是非?？膳碌模瑢訉忧短?，如果在加上復(fù)雜的邏輯判斷，代碼可讀性會變得非常差。

但是你如果使用promise的話：

function getData() {    return new Promise(function (resolve, reject) {        resolve(1);    });}function getMoreData(arg) {    return new Promise(function (resolve, reject) {        resolve(arg + 10);    });}getData().then(function (a) {    console.log(a); // 1    return getMoreData(a);}).then(function (b) {    console.log(b); // 11})

把上面代碼再簡潔點兒

getData().then(a => getMoreData(a)).then(b => console.log(b));

2 promise 可以實現(xiàn)在多個請求發(fā)送完成后 再得到或者處理某個結(jié)果

// 兩個數(shù)據(jù)都回來之后再進行操作let fs = require('fs');fs.readFile('./1.txt', 'utf8', function (err, data) {    console.log(data);})fs.readFile('./2.txt', 'utf8', function (err, data) {    console.log(data);})使用promise的話就可以實現(xiàn)：let fs = require('fs');function read(url){    return new Promise(function(resolve,reject){        fs.readFile(url,'utf8',function(err,data){            if(err)reject(err);            resolve(data);        })    })}Promise.all([read('1.txt'),read('2.txt')]).then(data=>{    console.log(data);},err=>{    console.log(err);});

二、promise原理實現(xiàn)

1.最簡單的實現(xiàn)

基于上面的應(yīng)用場景發(fā)現(xiàn)promise可以有三種狀態(tài)，分別是pedding 、Fulfilled、 Rejected。

Pending Promise對象實例創(chuàng)建時候的初始狀態(tài)

Fulfilled 可以理解為成功的狀態(tài)

Rejected可以理解為失敗的狀態(tài)

構(gòu)造一個Promise實例需要給Promise構(gòu)造函數(shù)傳入一個函數(shù)。傳入的函數(shù)需要有兩個形參，兩個形參都是function類型的參數(shù)。分別是resolve和reject。

Promise上還有then方法，then 方法就是用來指定Promise 對象的狀態(tài)改變時確定執(zhí)行的操作，resolve 時執(zhí)行第一個函數(shù)（onFulfilled），reject時執(zhí)行第二個函數(shù)（onRejected）

當(dāng)狀態(tài)變?yōu)閞esolve時便不能再變?yōu)閞eject，反之同理。

基于上面描述我們可以實現(xiàn)一個這樣的promise

function Promise(executor){ //executor執(zhí)行器    let self = this;    self.status = 'pending'; //等待態(tài)    self.value  = undefined; // 表示當(dāng)前成功的值    self.reason = undefined; // 表示是失敗的值    function resolve(value){ // 成功的方法        if(self.status === 'pending'){            self.status = 'resolved';            self.value = value;        }    }    function reject(reason){ //失敗的方法        if(self.status === 'pending'){            self.status = 'rejected';            self.reason = reason;        }    }    executor(resolve,reject);}Promise.prototype.then = function(onFufiled,onRejected){    let self = this;    if(self.status === 'resolved'){        onFufiled(self.value);    }    if(self.status === 'rejected'){        onRejected(self.reason);    }}module.exports = Promise;

上述內(nèi)容就是promise原理是什么，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章標(biāo)題：promise原理是什么-創(chuàng)新互聯(lián)
分享路徑：http://www.rwnh.cn/article42/johhc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、自適應(yīng)網(wǎng)站、小程序開發(fā)、面包屑導(dǎo)航、云服務(wù)器、App設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)