基于多个变量状态的 Javascript/Jquery 自定义事件

Question

我在 javascript 中有多个变量(例如 aValue、bValue、cValue)。所有这些变量最初设置为 0。现在我有多个函数/事件可以根据我的自定义逻辑更改这些值。当这三个变量值全部变为 1 时，我希望触发一个新事件，通过该事件我可以更改 DOM。

var aValue = 0;
var bValue = 0;
var cValue = 0;

// On doing something functionA is called
functionA() {
  aValue = 1;
}

//On triggering some event function is called
$(selector).on(event, function() {
  bValue = 1;
});

//On doing something functionC is called
functionC() {
 cValue = 1;
}

我需要在调用所有这些函数时触发一个事件(从而将所有变量更改为 1)。通过使用这个事件我想改变 DOM。

类似

$(selector).on(// when aValue == 1 && bValue == 1 && cValue == 1, function(){
  // do something
});

有什么办法可以做到吗？

Answer 1

是的，使用一个函数，每次修改任何值时调用它

var aValue = 0;
var bValue = 0;
var cValue = 0;

function testAll() {
  if(aValue  == 1 && bValue   == 1 && cValue   == 1){
    alert('triggered all');
  };
}

// On doing something functionA is called
functionA() {
  aValue = 1;
  testAll();
}

//On triggering some event function is called
$(selector).on(event, function () {
  bValue = 1;
  testAll();
});

//On doing something functionC is called
functionC() {
  cValue = 1;
  testAll();
}