Почему не присваивается значение переменной?

Question

[Амин Алиев]

var bal = 0;
      fetch('url', {
        method: 'POST',
        headers: {
          'Accept': 'application/json',
          'Content-Type': 'application/json',
        },
        body: JSON.stringify({
          userid: userid
        })
    }).then(res => res.json()
).then(data => bal = data.bal);
console.log(bal);

Выводит 0 т.е значение не присваивается( почему? в data.bal данные есть мне нужно использовать эту переменную в react

Comments

[Ярослав Иванов]

Добро пожаловать в асинхронный мир

).then(data => {
    bal = data.bal
    console.log(bal) // It's magic
});

[Амин Алиев]

Ярослав Иванов, и я смогу тепеpь юзать эту переменную вне fetch?

[Ярослав Иванов]

Амин Алиев, нет

[Амин Алиев]

Ярослав Иванов, А мне нужно чтобы можно было использовать вне fetch

[Ярослав Иванов]

Амин Алиев, зачем

[Амин Алиев]

Ярослав Иванов, чтобы вывести значение на стpаницу

[Ярослав Иванов]

Амин Алиев, ну выведите внутри метода.

[Mikhail Osher]

Вам определённо надо learn.javascript.ru вдоль и поперёк прочитать, и постараться заучить. Особенно, секцию про асинхронную работу.

Answer 1

[coderisimo]

Никогда такого не было и вот опять....

var bal = 0;
      fetch('url', {
        method: 'POST',
        headers: {
          'Accept': 'application/json',
          'Content-Type': 'application/json',
        },
        body: JSON.stringify({
          userid: userid
        })
    }).then(res => res.json()
).then( (data) => {
bal = data.bal;
// здесь bal уже с новым значением,
console.log(bal);
});

// здесь bal  все еще со старым значением.
console.log(bal);

Answer 2

[McBernar]

Феч асинхронный. Если вы хотите присвоить внешней переменной результат запроса — гуглите async/await.