約束の原則とは何ですか？

#1. アプリケーション シナリオの約束

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);
});

2. Promise原則の実装

#1. 最も単純な実装##上記のアプリケーション シナリオに基づいて、Promise には 3 つの状態 (pedding、Fulfilled、Rejected) があることがわかります。

Pending Promise オブジェクト インスタンスが作成されたときの初期状態

Fulfilled は成功した状態として理解できます

Rejected は失敗した状態として理解できます

·Promise インスタンスを構築するには、関数を Promise コンストラクターに渡す必要があります。渡される関数には 2 つの仮パラメータが必要で、どちらも関数型パラメータです。それぞれ解決と拒否です。

·Promise には then メソッドもあります。then メソッドは、Promise オブジェクトの状態が変化したときに実行される操作を指定するために使用されます。解決時に最初の関数が実行されます (onFulfilled)、拒否時に 2 番目の関数 (onRejected) が実行されます

状態が解決に変化すると、拒否に変更することも、その逆に変更することもできません。同じ理由です。

上記の説明に基づいて、このような約束を実装できます

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;

詳細については、

FAQ、PHP 中国語 Web サイトをご覧ください。

以上が約束の原則とは何ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。