promise原理是什么

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

一、 promise應用場景

1 解決回調地獄

比如我們經?？赡苄枰惒秸埱笠粋€數據之后作為下一個異步操作的入參

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

可以發現上面的代碼看起來是非?？膳碌?，層層嵌套，如果在加上復雜的邏輯判斷，代碼可讀性會變得非常差。

但是你如果使用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 可以實現在多個請求發送完成后 再得到或者處理某個結果

// 兩個數據都回來之后再進行操作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的話就可以實現：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原理實現

1.最簡單的實現

基于上面的應用場景發現promise可以有三種狀態，分別是pedding 、Fulfilled、 Rejected。

Pending Promise對象實例創建時候的初始狀態

Fulfilled 可以理解為成功的狀態

Rejected可以理解為失敗的狀態

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

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

當狀態變為resolve時便不能再變為reject，反之同理。

基于上面描述我們可以實現一個這樣的promise

function Promise(executor){ //executor執行器    let self = this;    self.status = 'pending'; //等待態    self.value  = undefined; // 表示當前成功的值    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;

上述內容就是promise原理是什么，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。