[オブジェクトのオブジェクト]を返している私は非同期でフェッチして待っています使用して、このパブリックAPIを取得しようとしているが、フェッチ方法だ非同期/リターンを待つ[オブジェクトのオブジェクト]

Question

でfetchの使い方：私は「

クラスAPIを取得するために使用してmは：APIが返す

class FetchAnimalApi { 
    async getAnimalInfo(animal) { 
    const request = await fetch(`http://my_api_url.com/${animal}`); 
    const response = await request.json(); 

    return `${animal} goes like ${response.sound}`; 
    } 
} 

構造（動物がブタである場合）：

{"color": "pink", "sound": "roinc"} 

私は別のファイルに私のクラスをインポートして、それを呼んでいるが：

const animals = new FetchAnimalApi(); 
console.log(animals.getAnimalInfo('pig')); 

私は間違っていますか？

EDIT：

が今私にconsole.log（）私が印刷したい正確に何を示しているが、私は応答を返すとき、私はまだ、[オブジェクトのオブジェクト]を取得しています：

function getInfo() { 
    const animals = new FetchAnimalApi(); 

    return animals.getAnimalInfo('pig').then(result => result); 
} 

ながらデバッグすると、const request = await fetch(http://my_api_url.com/ $ {animal} )行が実行された直後に[オブジェクトオブジェクト]が画面に表示されていることがわかりました。

Answer 1

この方法でconsole.log(animals.getAnimalInfo('pig'));に電話をかけることはできません。 animals.getAnimalInfoは約束を返します。結果を得るために、あなたはthenコールバックを使用する必要があります

const animals = new FetchAnimalApi(); 
animals 
    .getAnimalInfo('pig') 
    .then(result => console.log(result));