文章目錄

1. 簡介
2. Promise
3. 問題：組合 Promise
4. Async 函式
5. Await
6. 錯誤處理
7. 討論

簡介

Promises

var rp = require('request-promise');　　

const promise = rp('http://example.com/')　　

console.log('Starting Execution');

const promise = rp('http://example.com/'); // Line 3
promise.then(result => console.log(result)); // Line 4

console.log("Can't know if promise has finished yet...");　　

promise 的計算過程。呼叫“執行緒”不能等待 promise 。在 promise 之後排程程式碼的唯一方法是通過then方法指定回撥函式。

rp('http://example.com/').
  then(() => console.log('Success')).
  catch(e => console.log(`Failed: ${e}`))　　

const success = Promise.resolve('Resolved');
// 將會顯示 "Successful result: Resolved"
success.
  then(result => console.log(`Successful result: ${result}`)).
  catch(e => console.log(`Failed with: ${e}`))

const fail = Promise.reject('Err');
// 將會顯示 "Failed with: Err"
fail.
  then(result => console.log(`Successful result: ${result}`)).
  catch(e => console.log(`Failed with: ${e}`))　　

組合 Promise

1. 進行HTTP請求，等待完成，列印結果;
2. 然後進行其他兩個並行HTTP呼叫;
3. 當它們都完成時，列印結果。 以下程式碼段演示瞭如何完成此操作：

   //進行第一個呼叫
   const call1Promise = rp('http://example.com/'); // Line 2
   
   call1Promise.then(result1 => {
     //在第一個請求完成後執行
     console.log(result1);
   
   	const call2Promise = rp('http://example.com/'); // Line 8
   	const call3Promise = rp('http://example.com/'); // Line 9
   
     return Promise.all([call2Promise, call3Promise]); // Lin 11
   }).then(arr => { // Line 12
     //兩個 promise 完成後執行
     console.log(arr[0]);
     console.log(arr[1]);
   })　

計算過程中的 Promise 組合。我們使用“Promise.all”將兩個併發的 Promise組合成一個 Promise。

Async

function f() {
  return Promise.resolve('TEST');
}

// asyncF相當於f！
async function asyncF() {
  return 'TEST';
}　　

function f() {
  return Promise.reject('Error');
}

// asyncF相當於f！
async function asyncF() {
  throw 'Error';
}　　

Await

async function f() {
  // 返回值將作為 promise 被處理(resolve)之後的結果
  const response = await rp('http://example.com/');
  console.log(response);
}
// 不能在 async 函式之外使用 await 關鍵字
// 需要使用 then 回撥
f().then(() => console.log('Finished'));　　

// 將解決問題的方法封裝到一個非同步的函式中
async function solution() {
 // 等待第一個 HTTP 呼叫並且打印出結果
  console.log(await rp('http://example.com/'));

  // 生成 HTTP 呼叫但是不等待它們執行完畢 - 同時執行
  const call2Promise = rp('http://example.com/'); // 不等待! // Line 7
  const call3Promise = rp('http://example.com/'); // 不等待! // Line 8

  //在它們都被呼叫之後 - 等待它們執行完畢
  const response2 = await call2Promise; // Line 11
  const response3 = await call3Promise; // Line 12

  console.log(response2);
  console.log(response3);
}

// 呼叫 async 函式
solution().then(() => console.log('Finished'))　　

async function f() {
  console.log('Starting F');
  const result = await rp('http://example.com/');
  console.log(result);
}　　

錯誤處理

async function f() {
  try{
    const promiseResult = await Promise.reject('Error');
  } catch (e) {
    console.log(e);
  }
}　　

async function f() {
  // 丟擲異常
  const promiseResult = await Promise.reject('Error');
}

// 將列印 "Error"
f().
  then(() => console.log('Success')).
  catch(err => console.log(err))

async function g() {
  throw "Error";
}

// 將列印 “Error”
g().
  then(() => console.log('Success')).
  catch(err => console.log(err))　　

討論

async function fAsync() {
  // 事實上返回值是 Promise.resolve(5)
  return 5;
}
// 不能呼叫 await fAsync(), 需要使用 then/catch
fAsync().then(r => console.log(`result is ${r}`));