javascript - 单击颜色更改 - bool 值

Question

为什么第一次点击必须等于 false。如果我将其切换为 true，则它不起作用。 为什么当我单击时，它首先转到 else 语句，即使我在最后尝试使用 click= !click ，它也会变成黄色。 不给点击赋值可以吗？

     var button = document.querySelector("button");
     var click;

     button.addEventListener("click", function() {
      if (click){
        document.body.style.backgroundColor = "pink";
        click=false;
      }else {
    document.body.style.backgroundColor = "yellow";
    click=true;
      }


    });

Answer 1

数据类型的一些初始值:

int => 0
string => null
boolean => false

这就是为什么当你在 JavaScript 中声明变量并用作 bool 值时，它将返回 false;

var b; // initial value is false
if(b){ // if(false) => ...going to else block
 console.log(true);
}else{
 console.log(false);
}

如果您希望 bool 值为 true，则必须指定 true:

var b = true;