Можно ли избавиться от setInterval?

Question

[Борис]

Написал скрипт для проверки изменения переменной, но мне не нравится использование setInterval. Можно ли переписать код(или если вдруг есть функция/метод, но подобного не нашел), без использования setInterval?(если да, то как?)

name      = 'Вася';
name_save = '';

function NameCheck() {
  if(name != name_save) {
    name_save = name;
    $('.name_input').val(name);
  }
}

setInterval(NameCheck, 0);

Answer 1

[alexalexes]

Геттеры и сеттеры.
Только если ваша переменная является свойством объекта, тогда вы можете задать свою set-функцию, которая не требует от остальной части скрипта какой-то модификации.
На глобальной переменной my_var делается это так:

Object.defineProperty(window /*- объект, где располагается свойство */, "my_var" /* - свойство, которое нужно опекать */,
{
  get: function() // сторожим чтение значения
  {
    alert('Кто-то прочилал my_var!');
  },
  set: function(newValue) // сторожим запись значения
  {
    alert('Кто-то записал my_var! Новое значение: ' + newValue);
  }
});
my_var = 123456;  // пробуем записать что-то
you_var = my_var; // пробуем извлечь значение

Answer 2

[Дмитрий]

а зачем мониторить то?
меняйте все там где переменная меняется

Comments

[Борис]

Мне необходима возможность изменения переменной через консоль браузера и чтобы это изменение сразу отображалось на странице, знаю, можно написать функцию(и менять через нее), но мне нужно именно так

[Дмитрий]

тогда никак
консоль она для отладки а не постоянного использования

[alexalexes]

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

Answer 3

[Антон Антон]

Пора переходить на vuejs (ну, или реакт, но там больше готовить надо, прям с наскока не получится).

Comments

[Jumandjilos]

Вот много людей такое пишет, у меня вопрос: "чем вы руководствуетесь, когда такое пишете"? Это типо тупо гонка за трендом, или что это? На небольшие проекты и jquery хватает сполна, нахрена тут vuejs (хотя он весьма хорош, бесспорно)

[edward_freedom]

Jumandjilos, На небольшие проекты и рассчитан vue, для больших проектов используют ангуляр. Jq уже умер

[alexalexes]

Что делать, если проект написан без модных библиотек и нужно его сопровождать?

[Антон Антон]

Лично я руководствуюсь тем, что затраты на развертывание, рефакторинг и дальнейшее сопровождение при использовании библиотек будут меньше в динамически развивающемся проекте. Если у автора возник интерес сделать это без таймаута, то это либо академический интерес, либо реальная бизнес задача. И в том и в другом случае применение реактивных фреймворков библиотек будет оправдано.
Ну а именно vue даже называют новым jq, как раз из-за того, что он элементарно встраивается, в том числе по частям. И при этом имеет очень богатые возможности.

[DevMan]

edward_freedom, огня ... требует жопа твоя!

Answer 4

[Виталий Архипов]

Ваш код не работает

var name      = 'Вася';
name_save = '';

function NameCheck() {
  if(name != name_save) {
    name_save = name;
    console.log(name);
  }
}

setInterval(NameCheck, 0);
setTimeout(()=>name = "111");
setTimeout(()=>name = "222");
setTimeout(()=>name = "333");

setInterval не будет срабатывать после каждого тика исполнения.

Поэтому, изменение отдельной переменной вы отслеживать не сможете, а вот свойства объекта - легко, даже не меняя его с помощью Observe или Proxy.