这是什么意思&引用；在'state='中的平均值！国家在JavaScript中

您好，我有两个问题，我从jQueryUI站点获取了这个脚本，下面是完整代码的链接

1） var=状态的目的是什么？您能在if语句中使用布尔值true吗

2） 在if/else语句之后，您可以看到var=！国家。这样做的目的是什么，它的作用是什么！什么意思

<script>
  $(function() {
    var state = true;
    $( "#button" ).click(function() {
      if ( state ) {
        $( "#effect" ).animate({
          backgroundColor: "#aa0000",
          color: "#fff",
          width: 500
        }, 1000 );
      } else {
        $( "#effect" ).animate({
          backgroundColor: "#fff",
          color: "#000",
          width: 240
        }, 1000 );
      }
      state = !state;
    });
  });
  </script>

$（函数（）{
var状态=真；
$（“#按钮”）。单击（函数（）{
如果（州）{
$（“#效果”）。设置动画({
背景颜色：“aa0000”，
颜色：“fff”，
宽度：500
}, 1000 );
}否则{
$（“#效果”）。设置动画({
背景颜色：“fff”，
颜色：“000”，
宽度：240
}, 1000 );
}
状态=！状态；
});
});

它的意思是“不”。如果

x=！false

，则x为true。如果

x=！如果为true，则x为false。
表示“不”。如果
x=！false
，则x为true。如果
x=！如果为true，则x为false。
javascript中的not（！）运算符在布尔值上切换布尔值
true
和
false
之间的状态，因此：

state = !state;

其效果是，如果状态为真，则现在为假，反之亦然。要回答您的第一个问题：

var state = true;

表示初始
状态
从true开始。像
state
这样的Javascript变量是可变的，state的值将根据上述切换进行更改，该切换由每次单击按钮触发

总而言之，请附上评论：

// Set the initial visual state
var state = true;
// jQuery handler for each button click
$( "#button" ).click(function() {
  if ( state ) {
    // Visual effects when state is true
  } else {
    // Visual effects when state is false
  }
  // Now change the visual state, (which will be applied in the next click)
  state = !state;
});

有趣的是，只有在应用了新的可视状态之后，状态才会改变，这意味着显示更新
滞后于状态。
javascript中的not（！）操作符在布尔值
true
和
false
之间切换状态，因此：

state = !state;

其效果是，如果状态为真，则现在为假，反之亦然。要回答您的第一个问题：

var state = true;

表示初始
状态
从true开始。像
state
这样的Javascript变量是可变的，state的值将根据上述切换进行更改，该切换由每次单击按钮触发

总而言之，请附上评论：

// Set the initial visual state
var state = true;
// jQuery handler for each button click
$( "#button" ).click(function() {
  if ( state ) {
    // Visual effects when state is true
  } else {
    // Visual effects when state is false
  }
  // Now change the visual state, (which will be applied in the next click)
  state = !state;
});

有趣的是，只有在应用新的可视状态后，状态才会改变，这意味着显示更新
滞后于状态。
它只是表示“不”。以下是一些您为什么要使用它的示例：


函数检查（）{
if（！document.getElementById（'text'）.value）{
//如果输入为空（没有值），则提醒用户
警报（'您没有输入文本'）；
}
}

检查输入是否为emtpy。
它只是表示“不”。以下是一些您为什么要使用它的示例：


函数检查（）{
if（！document.getElementById（'text'）.value）{
//如果输入为空（没有值），则提醒用户
警报（'您没有输入文本'）；
}
}

检查输入是否为emtpy。
1）

是一个变量，最初为true，因此当单击函数执行时，如果块将执行，则后者将在状态转换为反向值，即如果为true，则为false，反之亦然。
不，您不能使用布尔值true，因为在这种情况下，始终执行if块

2） javascript中的not（！）操作符在布尔值true和false之间切换状态，
1）

是一个变量，最初为true，因此当单击函数执行时，如果块将执行，则后者将在状态转换为反向值，即如果为true，则为false，反之亦然。
不，您不能使用布尔值true，因为在这种情况下，始终执行if块

2） javascript中的not（！）运算符在布尔值上切换布尔值true和false之间的状态，
非常感谢Stuart非常清晰的解释和示例！非常感谢Stuart非常清晰的解释和示例！