promise原理是什么

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

一、 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ù)都回來之后再進(jìn)行操作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)注億速云行業(yè)資訊頻道。