что делает "event = & gt" в RxJS?

Question

Я сталкивался с этим кодом ниже, но я не понимаю, почему мы делаем событие равным и большим, чем и console.log. Я был бы очень признателен, если бы кто-то это объяснил

const node = document.querySelector('input[type=text]');

const input$ = Rx.Observable.fromEvent(node, 'input');

input$.subscribe({
  next: event => console.log(`You just typed ${event.target.value}!`),
  error: err => console.log(`Oops... ${err}`),
  complete: () => console.log(`Complete!`),
});

const input$ = Rx.Observable.fromEvent(node, 'input')
  .map(event => event.target.value)
  .filter(value => value.length >= 2)
  .subscribe(value => {
    // use the `value`
  });

Answer 1

Это похоже на код Javascript, который был пропущен через HTML-дезинфицирующее средство .

Исходный код с использованием функций стрелок должен выглядеть следующим образом:

const node = document.querySelector('input[type=text]');

const input$ = Rx.Observable.fromEvent(node, 'input');

input$.subscribe({
  next: event => console.log(`You just typed ${event.target.value}!`),
  error: err => console.log(`Oops... ${err}`),
  complete: () => console.log(`Complete!`),
});

const input$ = Rx.Observable.fromEvent(node, 'input')
  .map(event => event.target.value)
  .filter(value => value.length >= 2)
  .subscribe(value => {
    // use the `value`
  });

Answer 2

Это неверный JavaScript.=&gt должно быть =>, а то, что вы видите, это просто функции стрелок ES6 .

Это ошибка отображения на странице, которую вы видите.Вероятно, это связано с тем, что < и > в тексте HTML должны быть преобразованы в < и >, чтобы не вызывать ошибки синтаксического анализа с одними и теми же символами, когда они служат для открытия и закрытия тега (как в<div>).