如何在有条件的情况下使用承诺中的方法？

Question

我懒加载了这个模块 const getMockedModule = () => import("z-mock-client") 并想使用这个模块中的 mockedClient 方法：

const mockedClient = () => createMockedClient({
    mocks,
    typeDefs,
})

export {
    mockedClient
}

在这种情况下，我使用这个 var

const getCat = () => import("z-mock-client")
const mocked = getCat().then(prop => prop.mockedClient())
const apolloProvider = new VueApollo({
    defaultClient: MOCKED_UI ? mocked : v2,
    clients: {
        v2: MOCKED_UI ? mocked : v2
    }
})

但是在 mocked var 的结果上，我得到了

Promise {<pending>}
[[PromiseStatus]]: "resolved"
[[PromiseValue]]: ApolloClient

如何获得类似于const mocked 的结果的承诺值？

Answer 1

你应该在 promise 返回后使用条件代码。像这样：

const getCat = () => import("z-mock-client")
const mocked = getCat().then((prop) => {
  prop.mockedClient()
  const apolloProvider = new VueApollo({
    defaultClient: MOCKED_UI ? mocked : v2,
    clients: {
        v2: MOCKED_UI ? mocked : v2
    }
  })
});