Zurückgeben eines Werts in einer Funktion einer Funktion

Question

Der folgende Ausschnitt gibt undefined anstelle eines erwarteten Arrays von Verknüpfungen zurück. apiCall() ist von here.

Ist es möglich, das Array zurückzugeben? Wenn das so ist, wie? Wenn nicht warum?

async function fetchData() { 

    await apiCall('https://www.googleapis.com/youtube/v3/search?q=leeroyjenkins&maxResults=4&part=snippet&key={KEY}', 
     (error, response, body) => { 
     return JSON.parse(body).items.map(i => 'https://www.youtube.com/watch?v=' + i.id.videoId) 

      }) 

} 
    fetchData().then(r => console.log(r)) 

EDIT: Der folgende Code scheint zu funktionieren;

async function fetchData(param, fn) { 

    await apiCall('https://www.googleapis.com/youtube/v3/search?q=leeroyjenkins&maxResults=4&part=snippet&key={KEY}', 
     (error, response, body) => { 
     fn(JSON.parse(body).items.map(i => 'https://www.youtube.com/watch?v=' + i.id.videoId)) 

      }) 

} 
fetchData('lee', function(Ar) { console.log(Ar) }) 

}; 

Kann jemand darauf hinweisen, warum?

Answer 1

await auf verwendet warten auf eine Versprechen. apiCall ist nicht eins, es verwendet die Continuation-Passing-Style-Konvention. Also, man muss nur ein neues Versprechen lösen, wenn die apiCall ‚s Rückruf aufgerufen wird:

async function fetchData() { 
    return await new Promise((resolve) => { 
     apiCall('https://www.googleapis.com/youtube/v3/search?q=leeroyjenkins&maxResults=4&part=snippet&key={KEY}', (error, response, body) => { 
      // resolve the promise here 
      resolve(JSON.parse(body).items.map(i => 'https://www.youtube.com/watch?v=' + i.id.videoId)) 
     }) 
    }); 
} 

Answer 2

Änderung:

async function fetchData() { 

    await apiCall('https://www.googleapis.com/youtube/v3/search?q=leeroyjenkins&maxResults=4&part=snippet&key={KEY}', 
     (error, response, body) => { 
     return JSON.parse(body).items.map(i => 'https://www.youtube.com/watch?v=' + i.id.videoId) 

      }) 

} 

zu:

async function fetchData() { 

    return await apiCall('https://www.googleapis.com/youtube/v3/search?q=leeroyjenkins&maxResults=4&part=snippet&key={KEY}'); 

} 

try Versprechen Ausführung hier:

fetchData().then(r => console.log(r))