js 变量取反问题

Question

window.onload=function(){

  var flag = true;

  var img1 = document.getElementById("img1");

  var img2 = document.getElementById("img2");

    document.getElementById("sel").addEventListener('touchstart',function(){

        if(flag){

            img1.style.display='inline-block';

            img2.style.display='none';

            flag = false;  // 为什么不能   !flag 这样写

        }else{  

            img1.style.display='none';

            img2.style.display='inline-block';

            flag = true;   // 为什么不能   !flag 这样写

        }

    })

}

=======

怎么把这段代码写到最精简呢

Answer 1

!flag是取反，不是置反flag=!flag;可以