Promiseの紹介と基本的な使い方の簡単な分析

新しいPromise()

var promise = new Promise((resolve,reject) => {
    // 非同期操作を処理するために使用されます})

var promise = new Promise((resolve,reject) => {
    // これは非同期操作です setTimeout(() => {
        // ここでデータの取得をシミュレートします var data = '取得したデータ'
        // データを取得したら、resolve メソッドと reject メソッドを呼び出して、promise オブジェクトの状態を変更できます。resolve(data) // resolve は promise オブジェクトの状態を success に変更でき、reject() は promise オブジェクトの状態を failure に変更できます。 }, 1000);
})

promise.then(値 => {
// 非同期関数でresolve(data)が呼び出されると、つまりpromiseオブジェクトの状態が成功の場合、thenメソッドの最初のパラメータが呼び出されます。 console.log(value); // 'hello world' valueはresolve()メソッドによって渡されたデータです}, err => {
   // 非同期関数でreject(data)が呼び出されると、つまりpromiseオブジェクトの状態が失敗した場合、thenメソッドの2番目のパラメータが呼び出されます。 console.log(err); // errはreject()メソッドによって渡されたデータです})

データ = promise.then((val) => {
    // console.log(val.result);
    // 非 Promise を返す // val.result を返す
 
    // Promise を返す return new Promise( (resolve, reject) => {
        // 解決('ok')
        拒否('エラー')
    })
}, エラー => {
コンソールログ(エラー);
})
// 非 Promise を返し、ステータスは成功です。戻り値はオブジェクトの成功値です。// 返される結果は Promise オブジェクトです。オブジェクトのステータスは、コールバック関数の実行結果によって決まります。// エラーをスローし、ステータスは失敗です。console.log(data);

const promise = new Promise((resolve, deny) => {
    解決('OK')
})
promise.then(val => {
    console.log(val); // 正常
}).catch(エラー => {
    コンソールログ(エラー);
})

const promise = new Promise((resolve, deny) => {
    拒否('エラー')
})
promise.then(val => {
    コンソールログ(val);
}).catch(エラー => {
    console.log(err); // エラー
})

const promise = new Promise((resolve, deny) => {
    解決('エラー')
})
promise.then(val => {
    console.log('ok'); // 正常
    「問題が発生しました!」と表示します。 ！ ' // そのときスローされたエラーは引き続き catch によってキャッチされます}).catch(err => {
    console.log(err); // 問題が発生しました。 ！
})

const promise = new Promise((resolve, deny) => {
    解決('OK')
})
promise.then(val => {
    新しい Promise を返します ((resolve, reject) => {
        拒否('エラー')
    })
})
.then(val => {
    新しい Promise を返します ((resolve, reject) => {
        拒否('エラー')
    })
})
.catch(エラー => {
    // 上記で生成されたすべてのエラーは、catch console.log(err); でキャッチできます。// err
})

// ファイル情報を読み取る const fs = require('fs')

// ファイル情報を読み取る const fs = require('fs')
 
// 読み取りに失敗した場合、err はエラーオブジェクト、読み取りが成功した場合、data はデータです fs.readFile('./01.txt', (err, data) => {
    // エラーが発生したかどうかを判断します。エラーが発生した場合は、エラー オブジェクトを出力します。
    もし（エラー）{
        コンソールログ(エラー);
        戻る
    }
    コンソールにログ出力します。
})

// ファイル情報を読み取る const fs = require('fs')
 
const promise = new Promise((resolve, deny) => {
    fs.readFile('./01.txt', (err, データ) => {
        (err) の場合は、reject(err) を返します。
        解決(データ)
    })
})
 
promise.then(val => {
    コンソールにログ出力します。
    // Promiseオブジェクトを返す return new Promise((resolve, reject) => {
        fs.readFile('./02.txt', (err, データ) => {
            (err) の場合は、reject(err) を返します。
            解決(データ)
        })
    })
}, エラー => {
    コンソールログ(エラー);
})
// 前のthenはpromiseオブジェクトを返すので、continue.thenを実行できる
.then(val => {
    コンソールにログ出力します。
    新しい Promise を返します ((resolve, reject) => {
        fs.readFile('./03.txt', (err, データ) => {
            (err) の場合は、reject(err) を返します。
            解決(データ)
        })
    })
}, エラー => {
    コンソールログ(エラー);
})
.then(val => {
    コンソールにログ出力します。
}, エラー => {
    コンソールログ(エラー);
})

const promise = new Promise((resolve, deny) => {
    // オブジェクトを作成する const xhr = new XMLHttpRequest()
    // 初期化 xhr.open("GET", 'https://api.apiopen.top/getSongPoetry?page=1&count=20')
    // 送信 xhr.send()
    // イベント処理応答結果をバインドする xhr.onreadystatechange = function () {
        // 判定 // 最後の段階に入り、すべてのレスポンス本文が返されます if (xhr.readyState === 4) {
            // 応答コードを決定する if (xhr.status >= 200 && xhr.status < 300) {
                // 成功を示します // console.log(JSON.parse(xhr.response));
                解決(JSON.parse(xhr.response))
            } それ以外 {
                拒否(xhr.ステータス)
            }
        }
    }
})
// コールバックを指定する promise.then((val) => {
    コンソールログ(val);
}, エラー => {
    コンソールログ(エラー);
})