javascript - Javascript：如何在 2 个对象之间切换隐藏？

Question

我基本上已经完成了脚本，但我可能忽略了一些超级简单的东西。我在隐藏 ObjectA 和 ObjectB 之间切换。脚本是这样的：

var click = false;

TouchGestures.onTap(facemesh0).subscribe(function(){
    if(click) {
      ObjectA.hidden = true;
      ObjectB.hidden = false;
      click = false;
    } else{
      ObjectB.hidden = true;
      ObjectA.hidden = false;
      click = true;
    }
});

但问题是它只在第二次点击时才开始切换。

Answer 1

我认为这是因为您从 objectA.hidden=true 和 ObjectB.hidden=false 开始

下面的不需要 click Boolean 的代码呢？

TouchGestures.onTap(facemesh0).subscribe(function() {
    ObjectA.hidden = !ObjectA.hidden;
    ObjectB.hidden = !ObjectB.hidden;
}

Answer 2

这很简单。您可以参考以下代码。

// Let's define some state for demo purposes.
let ObjectA = false;
let ObjectB = true;

console.log(`Object A: ${ObjectA}`)
console.log(`Object B: ${ObjectB}`)

function toggle() {
  ObjectA = !ObjectA
  ObjectB = !ObjectB
  
  console.log(`Current Object A: ${ObjectA}`)
  console.log(`Current Object B: ${ObjectB}`)
}

<button onClick="toggle()">Toggle</button>