Зачем тут коллбэк?

Question

[Vladimir185]

Всем привет! Есть такой код, выводит уведомление по какому-то действию, потом его скрывает и очищает timeout. В целом всё ясно, но есть 2 вопроса

<template>
  <div class="notification" v-if="notificationMessage">
    {{ notificationMessage }}
  </div>
</template>

<script>
const delay = (fn, n) => {
  const id = setTimeout(() => fn(), n);
  return () => clearTimeout(id);
};
export default {
  data() {
    return {
      notificationDispose: null,
      notificationMessage: null,
    };
  },
  methods: {
    showNotification() {
      this.notificationMessage = "Скопировано в буфер";
      this.notificationDispose && this.notificationDispose();
      this.notificationDispose = delay(() => (this.notificationMessage = null), 2000);
    },
  },
};
</script>

1) Зачем в функции delay возвращается коллбэк, а не просто clearTimeout?
2) Как понять запись

this.notificationDispose && this.notificationDispose();

В целом понятно, но глубоко нет

P.S. где можно почитать подробнее об этом?

Answer 1

[Rise]

1) Из-за пункта 2, чтобы не множить setTimeout-ы.
2) if (this.notificationDispose) this.notificationDispose();

Comments

[Vladimir185]

Vladimir185 setTimeout, переданный аргументом как id, если вернуть без колбэка, получается, будет как новый setTimeout, а колбэком его очистили?

[Rise]

Vladimir185, нет.

id это просто число 1, 2, 3 и тд, порядковый номер вызовов setTimeout/setInterval на странице с момента загрузки.

Колбэк это функция которую передали как аргумент в другую функцию и где-то там вызвали.

Колбэком не является создание одной функции внутри другой, просто вызов одной функции внутри другой, возвращение одной функции из другой!

Таким образом, у вас колбэки это:
1. Анонимная стрелочная функция () => (this.notificationMessage = null) (как аргумент передана в параметр fn функции delay).
2. Анонимная стрелочная функция () => fn() (как аргумент передана в первый параметр функции setTimeout).

Я бы рекомендовал вам и LJ322 иногда читать MDN на английском, потому что переводы очень часто искажают смысл.

[LJ322]

Rise, верно, delay не возвращает коллбэк, это я чушь сказал, пардон