javascript - Sketchfab API 和 Javascript 一键切换功能

Question

我正在使用 Sketchfab api，我想在两个函数之间切换。我试过了，但它只能工作一次。谢谢。

hidebutton.onclick =  function(){
  exterior = new Boolean (true);
  console.log(exterior);  
  if(exterior == true){
    api.hide(nodeTop);
    exterior = !exterior;
    console.log(exterior);
    if(exterior == false){
      hidebutton.onclick = function(){
        api.show(nodeTop);
        console.log('funcion else');
        exterior = true;
        console.log(exterior);
      } 
    };
  }
};

Answer 1

您应该使用纯 bool 值 (true) 而不是构造函数 (new Boolean)。

您需要在函数外部声明 bool 值，以便在点击之间保留其值:

let exterior = true;
hidebutton.onclick = function() {
  if (exterior) api.hide(nodeTop);
  else api.show(nodeTop);
  exterior = !exterior;
};

更好的是，让它保持独立，以便只有点击功能可以访问它(封装很好 - 避免污染外部范围):

hidebutton.onclick = (() => {
  let exterior = true;
  return () => {
    if (exterior) api.hide(nodeTop);
    else api.show(nodeTop);
    exterior = !exterior;
  };
})();