クトとなっています。 今回は、 ステータスコードが200以外であるならrejectするとしていたため、 reject にはstatusText を入れています。 (この値は then メソッドの第二引数 or catch メソッドで受け取ることが できます) promiseオブジェクトに処理を書く 先ほどの作成したpromiseオブジェクトを返す関数を実際に使ってみましょう getURL("http://example この場合の エラーが起きた というのは、 rejectされたことより promiseオブジェクトが Rejectedの状態になった 時ということですね。 rejectされた時の処理は、 .then の第二引数 または .catch メソッドに呼びたい関数を渡 すことで行えます。 13 JavaScript Promiseの本 先ほどのソースにrejectされた場合の処理を追加してみましょう。 このようなpromise chainをつなげた場合、 それぞれの処理の流れは以下のように図で表 せます。 Figure 3. promise-then-catch-flow.jsの図 上記のコードでは then は第二引数(onRejected)を使っていないため、 以下のように読み 替えても問題ありません。 23 JavaScript Promiseの本 then onFulfilledの処理を登録 catch

クトとなっています。 今回は、 ステータスコードが2xx以外であるならrejectするとしていたため、 reject にはstatusText を入れています。 (この値は then メソッドの第二引数 or catch メソッドで受け取ることが できます) promiseオブジェクトに処理を書く 先ほどの作成したpromiseオブジェクトを返す関数を実際に使ってみましょう。 fetc この場合の エラーが起きた というのは、 rejectされたことより promiseオブジェクトが Rejectedの状態になった 時ということですね。 rejectされた時の処理は、 .then の第二引数 または .catch メソッドに呼びたい関数を渡 すことで行えます。 先ほどのソースにrejectされた場合の処理を追加してみましょう。 const URL = "https://httpbin このようなpromise chainをつなげた場合、 それぞれの処理の流れは以下のように図で表 せます。 Figure 3. promise-then-catch-flow.jsの図 上記のコードでは then は第二引数(onRejected)を使っていないため、 以下のように読み 替えても問題ありません。 24 JavaScript Promiseの本 then onFulfilledの処理を登録 catch

数名は% で始まります。 名称 説明 例 戻り値 %chr 与えられた Unicode 値に対応する文字を返します。 %chr(65) A %darken 与えられた色を暗くした色を返します。第二引数に暗くする割合を指定します。 %darken("red", 20) #CC0000 %date 現在日付を返します。オプションで日付のフォーマットを指定できます。 %date("yyyy.MM %is_dark("#000000") true %is_light 色が明るい色かどうか判定します。 %is_light("#000000") false %lighten 与えられた色を明るくした色を返します。第二引数に明るくする割合を指定します。 %lighten("red", 20) #CC3333 %loadJSON ローカルファイルまたは URL から、JSON データを読み込みます。 %loadJ skinparam handwritten true skinparam backgroundColor #EEEBDC actor 使用者 participant "頭等艙" as A participant "第二類" as B participant "最後一堂課" as 別的東西 使用者 -> A: 完成這項工作 activate A A -> B: 創建請求 activate B B -> 別的東西:

skinparam handwritten true skinparam backgroundColor #EEEBDC actor 使用者 participant "頭等艙" as A participant "第二類" as B participant "最後一堂課" as 別的東西 使用者 -> A: 完成這項工作 activate A A -> B: 創建請求 activate B B -> 別的東西:

skinparam handwritten true skinparam backgroundColor #EEEBDC actor 使用者 participant "頭等艙" as A participant "第二類" as B participant "最後一堂課" as 別的東西 使用者 -> A: 完成這項工作 activate A A -> B: 創建請求 activate B B -> 別的東西:

handwritten true skinparam backgroundColor #EEEBDC actor 使用 者 participant " 頭等 艙 " as A participant " 第二 類 " as B participant " 最 後 一 堂 課 " as 別 的 東 西 使 用者 -> A: 完 成 這 項 工 作 activate A A -> B: 創 建 請 求

skinparam handwritten true skinparam backgroundColor #EEEBDC actor 使用者 participant "頭等艙" as A participant "第二類" as B participant "最後一堂課" as 別的東西 使用者 -> A: 完成這項工作 activate A A -> B: 創建請求 activate B B -> 別的東西:

skinparam handwritten true skinparam backgroundColor #EEEBDC actor 使用者 participant "頭等艙" as A participant "第二類" as B participant "最後一堂課" as 別的東西 使用者 -> A: 完成這項工作 activate A A -> B: 創建請求 activate B B -> 別的東西:

skinparam handwritten true skinparam backgroundColor #EEEBDC actor 使用者 participant "頭等艙" as A participant "第二類" as B participant "最後一堂課" as 別的東西 使用者 -> A: 完成這項工作 activate A A -> B: 創建請求 activate B B -> 別的東西:

skinparam handwritten true skinparam backgroundColor #EEEBDC actor 使用者 participant "頭等艙" as A participant "第二類" as B participant "最後一堂課" as 別的東西 使用者 -> A: 完成這項工作 activate A A -> B: 創建請求 activate B B -> 別的東西: