javascript - JavaScript 仅在某些条件为真时才允许执行各种函数

Question

我有一个附加到各种元素的事件处理程序列表，但我想在某个条件为真时禁用其中一些。这个条件（即布尔值）是动态变化的，当它变化时是不可预测的。这是我目前所做的。

function foo () {
    if (someCondition) {
        return;
    }

    // foo does something
}

function bar () {
    if (someCondition) {
        return;
    }

    // bar does something
}

...etc

这没关系，但是在每个函数中都有 if 块确实是多余的。有没有更简洁的方法来管理这个？我想知道是否可以将两个事件处理程序附加到一个元素，并且只有在另一个返回 true 时才执行一个。

Answer 1

You could write a function that turns a function into one that only runs if the condition is true:

function conditionalize( fn ) {
  return function() {
    if (someCondition) return;
    return fn.apply(this, arguments);
  };
}

Then:

var foo = conditionalize(function() {
  // stuff that foo does
});

Answer 2

您可以使用像 jQuery 事件处理方法这样的委托方法，试试这个：

var callbacks = [foo, bar];

function delegate() { // this is the only event handler
    var i, len;
    for(i=0, len = callbacks.length; i < len; i++) {
        if(callbacks[i].apply(this, arguments)){
            continue; // return value of this callback is true then continue
        } else {
            break; // ignore other callbacks
        }
    }
}

function foo () {
    // foo does something
}

function bar () {
    // bar does something
}