Как из Promise получить данные в отдельную переменную?

Question

[kolomat]

Подскажите по такому вопросу, есть функция

const getCategories = async (link) => {
    const browser = await puppeteer.launch({
        headless: true,
    })

    const page = await browser.newPage()

    await page.setViewport({
        width: 1400,
        height: 900,
    })

    await page.goto(link)

    let categoriesUrls = await page.evaluate(() => {
        let categories = []

        try {
            document.querySelectorAll('li.with-sub-menu > a').forEach(el => {
                categories.push(el.href)
            })
            return categories
        } catch (e) {
            console.log(e)
        }
    })
    return categoriesUrls
}

При ее вызове она возвращает Promise в котором массив ссылок
getCategories(link).then(console.log)
А как этот массив теперь достать и положить в отдельную переменную?

Answer 1

[Вадим]

Лирическое отступление

<лирическое отступление>
<!--
Читаешь вопрос в общем списке вопросов и думаешь: "ну опять 25...".
Открываешь вопрос, смотришь на код и думаешь: "а нет, что-то другое".
Читаешь текст после кода и думаешь: "эх.. а было так близко..."
-->
</лирическое отступление>

Код явно не Вы писали, да?
Гуглите - асинхронный код javascript. Promises. Async\Await.
Коротко:

async function getData(link) {
  const data = await getCategories(link)
  console.log(data)
}

Либо дальше работать в цепочке промисов. Без "отдельных" переменных.

Comments

[WbICHA]

<лирическое отступление>
<!--
Читаешь вопрос в общем списке вопросов и думаешь: "ну опять 25...".
Открываешь вопрос, смотришь на код и думаешь: "а нет, что-то другое".
Читаешь текст после кода и думаешь: "эх.. а было так близко..."
-->
</лирическое отступление>

Вот прям в точку.)

[kolomat]

Да нет, код то я и писал, и дальше была и цепочка, я просто думал как то раскидать что бы на кластеры потом повесить

[Вадим]

kolomat, Если код действительно Вы писали, то либо Вы не поняли в чём отличительная черта асинхронного JS от синхронного, либо вдвойне не понятно в чём у Вас сложилась сложность.
Результат асинхронного кода можно положить в переменную только после завершения исполнения асинхронного кода. Либо через промисы (и надстройка над ними через асинк эвэйт) либо через коллбэки. Но так или иначе, дождаться придётся.

[kolomat]

Все я понял, спасибо Вам большое, действительно не доперло. Я с node и js только не давно общаться начал, дошло, просто асинхронно. Еще рас спасибо

[kolomat]

Вадим, я еще немного в этом путаюсь, поэтому и могу запутаться в банальных вещах. Я просто с php работаю, а это только начал изучать. В результате весь парсер который я сделал был в одной функции и он работает нормально, но посколько я почитал что такое кластеры я понял что не обязательно одновремено парсить одну ссылку, если можно их разбить грубо по 100 и сразу по 100 собирать) Вообщем я понял где моя ошибка, спасибо Вам большое за совет

[DevMan]

kolomat, кагбе точно такой же затык был бы в асинхронном пхп или другом языке.
и, кстати, на пхп можно также забирать ссылки пачками и отдельно парсить.

так что дело не в языке, а в банальном непонимании базиса асинхронщины.

[kolomat]

DevMan, пхп упирается в возможности сервера, js висит как поток, поэтому собственно на js и удобнее становится. Я понимаю о чем Вы

[DevMan]

kolomat, рили? а поток не упирается в сервер?
и вы не понимаете о чем я.

[kolomat]

DevMan, в фоне нет

[DevMan]

kolomat, а пхп в фоне запустить нельзя?
давно?

я же говорю: вы не понимаете что пишите.