Как изменить внешнюю переменную в стрелочной функции?

Question

[Артем]

Пытаюсь понять новый стандарт ES2015. Не могу изменить переменную res:

var res = false;
    context.$http.post('http://localhost/auth', {token: tokenValue}).then((response) => {
            this.res = true; 
            res = true;
        },
        (response) => {           
            this.res = true;
            res = true;
    })
    console.log(res);

выводит false.

Answer 1

[_ _]

Вам надо сначала в целом JS понять - ваша проблема не про ES2015, а про асинхронность

Comments

[Артем]

мда, вредно ночью писать что-то.. спасибо большое )

Answer 2

[Stalker_RED]

var res = false;
    context.$http.post('http://localhost/auth', {token: tokenValue}).then((response) => {
            this.res = true; 
            res = true;
            console.log(res, 'bingo!')
        },
        (response) => {           
            this.res = true;
            res = true;
    })
    console.log(res);
    setTimeout(function(){
       console.log(res, 'bingo again!');
    }, 3000) // надеюсь, три секунды хватит

Выводит

false
true bingo!
true bingo again!

Потому что POST-запрос происходит асинхронно, и на момент срабатывания вашего console.log он еще не выполнился.

Answer 3

[GeraldIstar]

Как написал Александр Марченко - проблема не в ES2015.
У вас console.log(res) выполняется раньше. И только лишь после ответа от сервера - уже остальные коллбеки. Так будет вне зависимости от скорости ответа от сервера, потому, что все отложенные во времени задачи, выполняются как минимум после завершения текущей функции, если не вдаваться в подробности. Подробнее про планирование задач и микрозадач в js можно глянуть здесь:
https://habrahabr.ru/post/264993/
Но сначала лучше с js в целом разобраться.