Почему функция стрелки не передает аргументы?

Question

Я использую угловые w/rxjs для наблюдения за пользовательскими событиями на интерфейсе. Тем не менее, у меня есть эта очень простая проблема с передачей аргументов методу в функции стрелки. Вот проблема:

Это не работает: SEARCHTERM не передается в this.searchFacilities

ngOnInit() { 
this.searchTerm$.subscribe(searchterm => this.searchFacilities);/**Not working here**/ 
} 

searchFacilities(term: string){ 
    console.log(term); 
    this.facilityservice.searchFacilities(term) 
    .subscribe(results => this.facilityList = results); 
} 

Но это работает:

this.searchTerm$.subscribe(searchterm => { this.searchFacilities(searchterm); }) 

Очевидно, что у меня есть другие решения, которые довольно безболезненны, но я действительно хочу понять, почему мой первый подход не работает. Благодаря!

Answer 1

Небольшие разъяснения. Документ говорит, что вам нужно передать обратный вызов на subscribe() и что этот обратный вызов получит значение (-ы), испускаемое наблюдаемым.

Мы могли бы написать это следующим образом:

const myCallBack = (val) => console.log(val); 
Observable.range(0, 3).subscribe(myCallBack); 

В вашем случае у вас уже есть обратный вызов, this.searchFacilities.
Это означает, что вы можете просто написать:

this.searchTerm$.subscribe(this.searchFacilities); 

Так же, как вы можете переписать свой оригинальный пример:

// Now `console.log` is the callback! 
Observable.range(0, 3).subscribe(console.log); 

Другими словами, проблема не «Почему стрелка функция не проходящие аргументы» , Проблема заключается в том, что вы создали функцию стрелки, тело которой IS ваш обратный вызов, а не только ваш обратный вызов напрямую.

расширенная версия кода будет выглядеть следующим образом:

const myCallBack = (searchterm) => { 
    return this.searchFacilities; 
} 

Как вы можете видеть, searchFacilities не является ни вызывается и не получить searchterm параметров.

Вы могли бы работать в одной и той же задачи с помощью функции NON-ARROW, написав следующий код (хотя синтаксис функций стрелок делает ошибку более вероятно, и коварный):

const myCallBack = function(searchterm) { 
    return this.searchFacilities; 
} 

Answer 2

Поскольку вы получаете ссылку на searchTerm, но вы ничего не делаете с этим. Вы можете просто сделать this.searchTerm$.subscribe(this.searchFacilities), и этот термин будет передан в функцию.

Answer 3

Поскольку параметр не передается непосредственно вашей функции.

Пример из the doc:

Rx.Observable.range(0, 3).subscribe(function (x) { console.log(x) }); 

Тот же самый пример с функцией стрелки:

Rx.Observable.range(0, 3).subscribe(x => console.log(x)); 

Answer 4

You searchFacilities функция объявлена ​​в глобальной области, а затем называется внутри ngOnInit как обратный вызов и его контекст больше не являются глобальным охватом, теперь это указывает на ngOnInit e lement Object. Чтобы работать внутри объекта ngOnInit, вам необходимо связать его, а затем searchFacilities быть методом ngOnInit и таким образом его работать.