如果条件为真，则绑定事件，否则立即执行

Question

有没有一种已知的模式可以代替这种代码：

if(condition) {
    $(el).on("event", function() {
        doSomething();
    });
}
else {
   doSomething();
}

doSomething在哪里总是相同的功能？

Answer 1

包起来？

function doBindOrExecute(el, condition, func) {
  if(condition) {
      $(el).on("event", function() {
          func();
      });
  }
  else {
     func();
  }
}

doBindOrExecute(el, true, function() {
  // Do stuff
});

Answer 2

如果您正在寻找一个简短的复杂解决方案，则可以尝试类似的方法。

$(el).on('event', condition ? doSomething : doSomething() && false);

使用三元运算符 ，如果condition被评估为true ，它将把'event'绑定到函数doSomething 。 否则，它将调用doSomething并始终使用false值，因此无论doSomething的返回值是什么，实际上都没有绑定。

Answer 3

对于可读性或维护而言，这不是最好的方法，但是您可以 ：

if(condition || doSomething()) {
    $(el).on("event", function() {
        doSomething();
    });
}

只要doSomething()不返回真实值。 但是，将其包装绝对是一个更好的方法。