Как извлечь значения из асинхронного метода в свойство объекта?

Question

[asd dsa]

Я хочу извлечь значение с асинхронного метода `extractZMockClient` и поместить это значение в свойства: `defaultClient`, `clients` объекта `apolloProvider`.

Я уже это делаю но в консоле всеравно получаю это:

const ZMockClient = async () => import("z-mock-client")

const extractZMockClient = async () => {
    try {
        const callZMockClient = await ZMockClient()
        return callZMockClient.mockedClient
    } catch (ex) {
        throw new Error(ex)
    }
}

const apolloProvider = new VueApollo({
    defaultClient: MOCKED_UI ? extractZMockClient() : v2,
    clients: {
        v2: MOCKED_UI ? extractZMockClient() : v2
    }
})

Answer 1

[abberati]

Вы НИКАК не можете вынести значение из асинхронного кода в синхронный, потому что на момент выполнения асинхронного кода весь синхронный уже выполнился.

Единственный вариант — выполнять асинхронно тот код, что завязан на другой асинхронный код. То есть создавать аполлопровайдер нужно тоже асинхронно. Напишите функцию, которая будет возвращать промис с провайдером и используйте где нужно.

Answer 2

[Evgeny Kulakov]

... await extractZMockClient()

Comments

[asd dsa]

я не могу написать defaultClient: MOCKED_UI ? await extractZMockClient() : v2, потому что я получу ошибку: Syntax Error: SyntaxError: await is a reserved word

[RAX7]

asd dsa, а так?

defaultClient: await (MOCKED_UI ? extractZMockClient() : v2)

[asd dsa]

RAX7, noup

[Evgeny Kulakov]

asd dsa, Если у вас данный кусок кода расположен в корне модуля, то он будет выполняться синхронно и да вы получите такую ошибку.