フラグを反転させる方法

Javascriptなんかだと、DOMの状態をフラグで管理することが多いです。
そういうときに、ちょっとしたテクニックでコードをすっきりすることができます。
フラグの反転方法を例にやってみたいと思います。

Ifによる条件分岐

ボタンが押され、処理を行った後にあるフラグを反転させる

    var isClosed = 0;
    $('#someButton').click(function(){

      // ...... do something    

      if (isClosed === 1){
          isClosed = 0;
      }else if (isClosed === 0){
         isClosed = 1;
      }
    });

三項演算子を使ってみる

    var isClosed = 0;
    $('#someButton').click(function(){

      // ...... do something    

      isClosed = (isClosed === 1) ? 0 : 1;
    });

一行ですが、わかりにくくなった上に1とそれ以外で分岐してしまってます。

1と0じゃなくて1と-1で管理する

    var isClosed = 0;
    $('#someButton').click(function(){

      // ...... do something    

      isClosed *= -1
    });

1と-1でフラグを持つようにすれば、-1を掛けることによってフラグの反転が可能です。
これはかなりわかりやすく、すっきりしています。

ビット演算子を使う

    var isClosed = 0;
    $('#someButton').click(function(){

      // ...... do something    

      isClosed = ~isClosed
    });

「~」はNOT演算子ですので、0はビット反転して-1になります。
0と-1で管理する形になりますが、こういう方法もあります。