은/기다리고 반환 [개체 개체]

Question

내가 [개체 개체] 반환 비동기로 가져오고 기다리고 사용이 공용 API를 가져 오기 위해 노력하고 있지만, 방법을 가져 해요 :

나 '클래스를 API를 가져 오기 위해 사용하고 있습니다 : 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')); 

그래서 내가 뭘 잘못하고 있니?

편집 :

지금 내을 console.log()가 I 인쇄 할 정확히 보여 주지만, 나는 응답을 반환 할 때, 난 아직도 [개체 개체]를 받고 있어요 :

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

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

동안을 디버깅, 나는 const request = await fetch(http://my_api_url.com/ $ {animal} ) 행이 실행 된 직후 [object object]가 내 화면에 인쇄되고 있다는 것을 깨달았습니다.

Answer 1

이렇게하면 console.log(animals.getAnimalInfo('pig'));으로 전화 할 수 없습니다. animals.getAnimalInfo는 약속을 반환합니다. 결과를 얻으려면, 당신은 then 콜백 사용해야합니다

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