Выполнить функцию, если переменная увеличилась на n?

Question

[Adam Smith]

Как сделать, чтобы функция выполнялась, когда переменная i увеличилась на 10 от предыдущего значения. (1, 3, 9, 10, 20, 25, ...)

Comments

[Сергей Соколов]

Покажите код. Как меняется переменная, где лежит? Чистый JS, или дело происходит во Vue/React?

Answer 1

[Сергей Соколов]

Очевидный и предпочтительный вариант уже предложил уважаемый Rsa97: действовать там, где назначается новое значение переменной.

Если это не вариант, то остаются всякие костыли, все непригодные в каких-то обстоятельствах, но может быть и рабочие в других:

1. таймером или requestAnimationFrame'ом часто-часто смотреть значение переменной, запоминая предыдущее. Не сработает, когда переменная быстро меняется в цикле, скажем.
   
2. создать прокси объекта, в котором переменная – свойство (window, если глобальная), и менять её содержимое не в оригинальном объекте, а в его прокси. Может, даже заменить исходный объект на его прокси (не получится, если window).
   

Comments

[Adam Smith]

Можно подробнее о requestAnimationFrame?
Переменная меняется каждые 1000 ms.

[Сергей Соколов]

Adam Smith, ну, rAF, как вы уже знаете из поиска и чтения документации JS, вызывает (1 раз) коллбек-функцию каждый раз как браузер готов отрисовать следующий кадр. Обычно это происходит супер-часто, около 60 раз в секунду. По сути близко к обычным таймерам.
Переменная меняется примерно раз в секунду — чтобы поймать её изменение можно делать проверку раз, скажем, в 100 ms обычным таймером:

{
  let value; 
  const watch = () => {
    if (value === watchedVariable) return;
    console.log(`Значение изменилось! Было: ${value}, стало: ${watchedVariable}`);
    value = watchedVariable;
  }
  setInterval(watch, 100);
}

Answer 2

[Rsa97]

В том месте, где меняете значение переменной, проверяйте, на сколько изменили и вызывайте функцию.
Ваш К.О.

Comments

[edward_freedom]

этот полуответ действительно надо в ответы писать?

[WbICHA]

edward_freedom, ответ более чем полный, чем он не тебя не устраивает?

Answer 3

[WebEagle]

1. Необходимо отслеживать изменение переменной, для этого должна быть только одна точка изменения этой переменной. К примеру, функция по изменению этой переменной
2. В этой функции проверять разницу между текущим и новым значением

let i = 0;
function changeI(newValue) {
  let oldI = i; // дополнительная переменная задаётся на случай если someFunc использует i в расчетах
  i = newValue;
  if(i - oldI == 10) {
    someFunc();
  }
}
function someFunc() { console.log('Изменилась на 10');}