如果條件為真，則綁定事件，否則立即執行

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()不返回真實值。 但是，將其包裝絕對是一個更好的方法。