Fat arrow delegation

Question

Я конвертирую код в ES6, и в какой-то части я пытаюсь понять привязку жирной стрелки. У меня был такой код:

function callApi(api, payload, header) { 
    $http.post(api, payload, header) 
    .success(function(data) {...}) 
    .error(function (data, status) { handleError(data, status) }) 
} 

function handleError(data, status) {...} 

я изменила, что к этому, который работает:

callApi(api, payload, header) { 
    this.$http.post(api, payload, header) 
    .success((data) => {...}) 
    .error((data, status) => this.handleError(data, status)) 
} 

handleError(data, status) {...} 

Что не работает, когда я пытался позвонить HandleError так:

.error((data, status) => this.handleError) 

Я думал, что это может быть делегирование обработки ошибок функции handleError, но это не так. Может кто-нибудь помочь мне понять, что я не понимаю о привязке к стрелке, что его нельзя использовать как() => myFunction, и есть ли способ сделать такую ​​делегию, которая включает привязку this?

Answer 1

Я изменил, что (data, status) => this.handleError(…), который работает

Я беспокоюсь, если оба handleErrorthis.handleError и работа. Это может означать, что вы поместили их в глобальную область действия и вызываете свои функции без получателя. Я бы предложил позвонить по прямой ссылке (только handleError(…)) и использовать strict mode (который по умолчанию становится ES6).

Что не работает, когда я пытался позвонить HandleError так: (data, status) => this.handleError

Ну, просто: вы не вызова здесь, вы написали функцию стрелку, которая возвращает функцию handleError.

Вы должны быть в состоянии упростить код, хотя, не используя функцию стрелки на всех:

callApi(api, payload, header) { 
    this.$http.post(api, payload, header) 
    .success((data) => {...}) 
    .error(handleError) 
} 

Или, если handleError является метод this, хотя и опирается на вызывается на экземпляре, вы бы использовать .bind():

….error(this.handleError.bind(this)); 

В этом случае оригинал ES5 не работали, однако ?!

Answer 2

Значение функции стрелки this. Он не создает свой собственный this.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions#Lexical_this