每当尝试切换时，无论我尝试以何种方式切换，它总是切换为 true

Question

日志

显示日志的代码

所以，我连接了一个 HTML 按钮来运行上面代码中显示的函数，并且我尝试了许多方法，例如使用不同的切换函数，例如 bool = bool ? false : true;，但都没有工作。我试图在其他地方插入hideToggled = !hideToggled，比如 if 函数或 if 函数下方，但似乎都不起作用。任何帮助将不胜感激！

Answer 1

您在 if 块中分配变量 true/false 值

if (hideToggled = true)

将导致 hideToggled 被赋值为 true

查看下面的工作代码：

let hideToggled = false
let hideButtonText = ''

function toggleHideShow() {
  hideToggled = !hideToggled

  if (hideToggled) {
      hideButtonText = 'Show'
  } else {
      hideButtonText = 'Hide'
  }
}

toggleHideShow()
console.log(hideToggled, hideButtonText)
toggleHideShow()
console.log(hideToggled, hideButtonText)
toggleHideShow()
console.log(hideToggled, hideButtonText)
toggleHideShow()
console.log(hideToggled, hideButtonText)