Как результат promise передать в переменную?

Question

[kzoper]

Использую библиотеку puppeteer
Хочу запустить браузер и использовать его по необходимости.

const puppeteer = require('puppeteer');
puppeteer.launch() // return promise

Пробовал решить проблему "в лоб "

let bro;
 puppeteer.launch()
    .then(res => bro = res);

bro.newPage(); // error

Пробовал оборачивать лаунчер в функции как синхронные так и асинхорныые все равно bro undifined. Подскажите как запустить что бы протом можно было использовать

let bro;
// puppeteer.launch() ....
const page = bro.newPage();
page.goto()
....

Answer 1

[Антон Спирин]

puppeteer.launch().then(res => res.newPage());

Comments

[kzoper]

и мне надо будет каждый раз запускать новый браузеp что бы открыть странцу

[Антон Спирин]

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

[kzoper]

Антон Спирин, я для этого и задал вопрос, что бы на примере посмотреть как это делается

[Антон Спирин]

kzoper, так я вам простой пример и показал. Вы можете вызывать в колбеке then все что захотите.

[kzoper]

Антон Спирин,

Вы можете вызывать в блоке then все что захотите.

так я в вопросе привел пример того как я попробавл решить. К сожелению в блоке then не все

let bro;
 puppeteer.launch()
    .then(res => bro = res);

bro.newPage(); // error

пробовал добавить

while (bro === undifined){}
не сработало

[Антон Спирин]

kzoper, после вызова возвращающего просись у вас вообще не должно быть кода использующего результат вызова. Только в колбеке then. Как альтернативу можно использовать async/await. Почитайте статьи о том как организовывать асинхронный код. Основы я вам рассказал.

[kzoper]

Антон Спирин, должен быть какой то способ вытащить из блока then переменную

[Антон Спирин]

kzoper, вы не понимаете простых основ вытащить ее легко и записать куда угодно легко, а вот использовать в том же блоке где и промис можно только в async/await функции, либо в колбеке then. Никто вам не мешает вызвать в then другую функцию и что угодно:

asyncCall.then(res => {
  foo(res);
  bar(res);
});
// тут использовать res нельзя
// только в async/await функции

[kzoper]

Антон Спирин, в react я задаю значение переменной и могу её потом исользовать, как то же это реализованно

axios.post("/postOnePage", data)
                    .then(res => {
                        this.setState({onePageCount: res.data.wordCount});
                    })
                    .catch(err => console.log(err))

[Антон Спирин]

kzoper, так я вам и пишу что вы можете использовать ответ колбеке и писать его куда угодно.) В вашем примере как раз такой пример использования. React тут абсолютно не причём.

[kzoper]

Антон Спирин,
фигня какая то получается

let bro;
setValue = (a,b) => {
    a = b
};
puppeteer.launch()
    .then(browser => {
        setValue(bro,browser)
    });
console.log(bro); // undefined

[Антон Спирин]

kzoper, я вам уже раза три написал, что так делать нельзя. Но вы все равно пытаетесь это сделать.

[Антон Спирин]

kzoper,

let bro;
puppeteer.launch()
    .then(res => {
        bro = res;
    });
console.log(bro);

Смотрите, главное, что вы должны понять. Переменная bro удачно записывается с этим проблем нет. Проблема в том, что записывается она после вызова condole.log и когда она будет записана вы не знаете, поэтому этот вызов должен инициироваться в блоке then.
Учите основы JavaScript, конкретно принципы работы с асинхронным кодом.