Javascript - 応答が定義されていませんフェッチ

Question

フェッチを使用して変数と関数を理解する際に問題があります。 私は

.then(response => response.json()) 

から

.then(lang => response['lang'].slice(-2) 

に応答の値を渡すためにしようとしている。しかし、私は未定義の変数応答エラーを取得していますので、私は正しく変数を参照していませんよ。それを呼び出す正しい方法は何ですか？

また、両方のコンソールログを呼び出すと、以下のコードが現時点では機能しますが、応答関数を上書きする必要があるとは思われません。引数なしで関数を呼び出すことはできますか？

.then(response => console.log(response['text']) & console.log(food)) 

はconsole.log（レスポンス[ 'テキスト']）&はconsole.log（食品）

fetch("https://localhost:8000", {method:"POST", body:fd}) 
    .then(response => response.json()) 
    .then(lang => response['lang'].slice(-2)) 
    .then(food => "Temporary") 
    .then(function detectType(lang) { 
    switch(lang) { 
    case 'abc': 
     food = "Bananas"; 
     break; 
    case 'def': 
     food = "Apples"; 
     break; 
    default: 
     food = "Bananas"; 
     break; 
    }}) 
    .then(response => console.log(response['text']) & console.log(food)) 
    .catch(err => console.error(err)); 
} 

Answer 1

私はあなたが何をしたいのか理解していた場合は、あることに注意して戻り値を保ちますある関数の次の関数が受け取った状態です。だから、もっとこのような何かを探しているはずだ：

fetch()について

fetch("https://localhost:8000", {method:"POST", body:fd}) 
    .then(response => response.json()) 
    .then(response => { 
    response['lang'] = response['lang'].slice(-2); 
    return response; 
    }) 
    .then(response => { 
    response['food'] = "Temporary"; 
    return response; 
    }) 
    .then(function detectType(response) { 
    switch(response['lang']) { 
     case 'abc': 
      response['food'] = "Bananas"; 
      break; 
     case 'def': 
      response['food'] = "Apples"; 
      break; 
     default: 
      response['food'] = "Bananas"; 
      break; 
    } 
    return response; 
    }) 
    .then(response => { 
    console.log(response['text']); 
    console.log(response['food']); 
    }) 
    .catch(err => console.error(err)); 
} 

Answer 2

、それは非常に「重い約束」であることを覚えておいてください。

fetch("https://localhost:8000", {method:"POST", body:fd})あなたは次の.then()であなたのresponse.json()の状態を与えるresponse.json()を返す最初のthen()

then(response => response.json())で扱うの約束を返します。したがって、あなたは次のthen()によって応答のJSON表現にアクセスできます。

のは、それがどのように見えるべきかを見てみましょう：その最後の行で

fetch("https://localhost:8000", {method:"POST", body:fd}) 
    .then(response => response.json()) 
    .then(jsonResp => jsonResp['lang']); 

、あなたは約束のチェーンを下ることなく、JSONオブジェクトとそのキーを確認することができます。 lang属性をチェックする場合は、例のようにアクセスできます。

希望すると便利です。