200201_TIL


📎 今日やったこと

  • Toy Problem 05
  • Calback&Promise&Async学習
  • Promise印刷コード
  • 🐬 覚えておきたい


    Promiseの処理手順


    ①Pending(待機)
    new Promise(function(resolve, reject) {
      // ... 
    });
  • new Promise()メソッド呼び出し時に待機状態になる
  • メソッド呼び出し時にコールバック関数を宣言できます.コールバック関数のパラメータはresolvereject|です.
  • ②完全充填(完了)
    new Promise(function(resolve, reject) {
      resolve();
    });
  • コールバック関数のパラメータresolveを呼び出すと、完了(実行)状態になります.
  • function bringData() {
      new Promise(function(resolve, reject) {
        const data = 'crazy';
        resolve(data);
      });
    }
    // resolve()의 결과값인 data를 passedData로 받음
    bringData().then(function(passedData) {
      console.log(passedData);
    })
  • が完了すると、then()を使用して非同期処理の結果値を取得できます.
  • ③投射(失敗)
    new Promise(function(resolve, reject) {
      reject();
    })
  • コールバック関数のパラメータrejectを呼び出すと失敗します.
  • function bringData() {
      return new Promise(function(resolve, reject) {
        reject(new Error('데이터를 가져오지 못하였습니다'));  
      })
    }
    // reject()의 결과값인 에러를 err로 받음
    bringData().catch(function(err) {
      console.log(err);	// Error: '데이터를 가져오지 못하였습니다'
    });
  • 失敗した場合はcatch()を使用して失敗処理の結果値を取得できます.
  • 🖍️ 学ぶべきこと

  • setTimeout()
  • async & await
  • 😪 に感銘を与える

  • 通過したコードよりも挿入時間が長い.
  • 📝 明日やること

  • Toy Problem 06
  • Promise印刷残コード