Не могу разобраться в синтаксисе ES2015. Как такое возможно?

Question

[Артем]

Проблема:
Использую плагин для Vue.js - vue resource.
На их странице в гитхабе вполне понятный пример с функцией .then
Нашел статью, в которой используют такой синтаксис:

user: {
    authenticated: false
  },    
    
login(context, creds, redirect) {
    context.$http.post(LOGIN_URL, creds, (data) => {
       this.user.authenticated = true
    }).error ((err) => {
        context.error = err;
    });
  },

То есть вопреки документации, третьим параметром передают функцию. Причем эта функция корректно срабатывает при успешном запросе.
Или я совсем идиот, или в документации про эту функцию ничего не сказано (посмотрите сами)?
Я бы рад переписать это в нормальный вид с помощью .then, но в таком случае не работает this.user.

Собственно вопрос:
1. Как понять этот синтаксис? Я даже не знаю, как это загуглить..
2. Как заставить работать this.user вот здесь:

user: {
    authenticated: false
  },    
    
login(context, creds, redirect) {
    context.$http.post(LOGIN_URL, creds).then(function (response) {
        // this.user не работает
       this.user.authenticated = true
    },
    function (response) {
        context.error = err;
    });
  },

?

Буду премного благодарен, если кто-нибудь не поленится разобраться в этом и поможет мне :)

PS. все это конвертится в старый добрый js с помощью babel, однако суть от этого не меняется

Comments

[Алексей Сергей]

https://learn.javascript.ru/promise

[Артем]

Алексей Сергей: да, это ведь .then, т.е. нормальный синтаксис, а по первому, как они функцию передают, когда третий параметр - это options ?

[Алексей Сергей]

похоже пример из статьи c callback теперь работать не будет.
https://github.com/vuejs/vue-resource/releases
раздел Deprecated, релиз 0.5.0

Answer 1

[_ _]

this.user из примера с callback работает потому что используется ES2015 arrow function, которая сохраняет контекст, в котором она была определена.

context.$http.post(LOGIN_URL, creds).then((response) =>{
       this.user.authenticated = true
    },
    function (response) {
        context.error = err;
    });

Это равнозначно

context.$http.post(LOGIN_URL, creds).then(function (response){
       this.user.authenticated = true
    }.bind(this),
    function (response) {
        context.error = err;
    });

Comments

[Артем]

Супер! Огромнейшее вам спасибо!

[rmaksim]

можно и без .then, а как вы правильно заметили ТРЕТЬИМ параметром

[Артем]

rmaksim: а где это написано, в документации какой-нибудь? Про промисы почитал, там такого нет. Дайте ссылочку пожалуйста, если не трудно.

[rmaksim]

как в фильме - видишь суслика? нет! а он есть...
так и тут - в доке нет - а в коде есть
https://github.com/vuejs/vue-resource/blob/master/...

[Артем]

rmaksim: мда.. молодцы. Это видимо от старого релиза осталось, который обнаружил Алексей Сергей, за что и ему спасибо, и вам :)
А в новом добавили промисы.