javascript - 等待直到内部函数被触发

Question

我有下一个功能:

export const getSet = async (
    projectId,
    setId,
    dispatch
) => await (
    projectId && setId &&
    setsDb
    .child(`${projectId}/${setId}`)
    .once("value", async snap => {
        const set = snap.val();

        const elements = Object.keys(set);
        const elementsClasses = await getClassesForElements(projectId, elements);

        const classes = Object.values(elementsClasses);
        const classesAttributes = await getClassesAttributes(projectId, classes);

        dispatch(setClasses(classesAttributes));
        dispatch(setElements(elementsClasses));
        dispatch(setSet(set));
    })
);

export const getPageDetails = (projectId, pageId) => (
    dispatch => (
        projectId && pageId &&
        pagesDb
        .child(`${projectId}/${pageId}`)
        .once("value", async snap => {
            const pageDetails = snap.val();
            const { setId } = pageDetails;

            await getSet(projectId, setId, dispatch)

            dispatch(
                setPageDetails(
                    pageDetails
                )
            );
        })
    )
);

我在异步函数方面没有太多经验，但我想赚取的是让getPageDetails等待dispatch(setPageDetails(pageDetails))直到getSet 完成所有调度。在上述函数中，除了 getSet 最晚完成之外，一切正常。如何解决？

Answer 1

await 只会在您等待的表达式的计算结果为 promise 时暂停。

once 接受回调，因此大概不会返回 promise 。

因此你需要wrap it with a function which does return a promise当 once 完成时解析(这意味着也转换所有 dispatch 调用)。