javascript - Fetch API 的 json 打印未定义？

Question

尝试从 JS 中的 API 获取数据，但返回的 JSON 返回未定义？是的，它是有效的 JSON，尽管 console.logging 数据显示我未定义？

function getVideos(playlistId) {
    console.log(
        getJsonResponse(composeArguments(API_RESOURCE, API_KEY, playlistId))
    );
}


function composeArguments(apiResource, apiKey, playlistId, maxResults = 50) {
    return (
        apiResource +
        "?key=" +
        apiKey +
        "&part=snippet&playlistId=" +
        playlistId +
        "&maxResults=" +
        maxResults);
}

function getJsonResponse(url) {
    fetch(url).then((response) => {
        if (response.status !== 200) {
            console.log('Looks like there was a problem. Status Code: ' + response.status);
            return;
        }

        response.json().then((data) => {
            return data;
        });
    }).catch(function (err) {
        console.log('Fetch Error :-S', err);
    });

}




getVideos(PLAYLIST_ID);

Answer 1

fetch 的then下的函数实际上没有返回值。因此 console.log(getJsonResponse... 日志未定义。getJsonResponse 必须返回某些内容( promise 或值)。

不用 response.json().then(data => { return data; })，只需 return response.json();