异步 Function 内部异步 Function

Question

我正在尝试通过我的 API 端点获取数据，并希望用数据填充我的页面。 我知道我必须使用 async/await 来确保变量被填充。 因此，我写了以下几行，想知道是否可以在异步 function 中写入异步 function。它正在工作，但我不确定它是否是正确的方法：

async function getRoom(id) {
    const response = await fetch('/api/zimmer/' + id);
    if (!response.ok) {
        const message = `An error has occured: ${response.status}`;
        throw new Error(message);
    }
    const rooms = await response.json();
    console.log(rooms);
    return rooms;
}

async function getSelectedItem() {
    var e = document.getElementById("Objekt");
    if (e.value > 0) {
        zimmer_select.disabled = false;
        var response = await getRoom(e.value);
        console.log(response);
        response.forEach(function(element) {
            
            console.log(element);
        });
    } else {
        zimmer_select.disabled = true;
    }
    console.log(e.value);
}

Answer 1

我认为实际上这样使用它是可以的。 想想看，有时候你不得不在 async 里面使用 async。 如果您有一些获取数据的异步 function 并且您必须遍历该数据并等待某些东西，该怎么办。 如果你用 for each 循环它，你将无法使用 await，所以你应该在它之前放上 async。 所以只要干净没办法，我觉得在async里面用async是可以的。