javascript - 如何使 switch 语句一遍又一遍地运行而不会卡在负载上？

Question

switch 语句在 floor() 函数中时工作正常，但是当变量在函数外更改时它不会运行，所以我希望 switch 语句一直运行。尝试使用 while 循环，但随后页面卡在加载状态。试图将 switch 语句放在函数外部，但是 switch 语句没有被触发？至少我是这么认为的，因为什么也没发生。

var level = 0;

function floor() {
  level += 1;
  switch (level) {
    case 1:
      if (level = 1) {
        document.getElementById("floor1").style.backgroundColor = "black";
      }
      break;
    case 2:
      if (level = 2) {
        document.getElementById("floor2").style.backgroundColor = "black";
      }
      break;
    case 3:
      if (level = 3) {
        document.getElementById("floor3").style.backgroundColor = "black";
      }
      break;
    case 4:
      if (level = 4) {
        document.getElementById("floor4").style.backgroundColor = "black";
      }
      break;
    case 5:
      if (level = 5) {
        document.getElementById("floor5").style.backgroundColor = "black";
      }
    case 6:
      if (level = 6) {
        document.getElementById("floor6").style.backgroundColor = "black";
      }
      break;
    case 7:
      if (level = 7) {
        document.getElementById("floor7").style.backgroundColor = "black";
      }
      break;
    case 8:
      if (level = 8) {
        document.getElementById("floor8").style.backgroundColor = "black";
      }
      break;
    case 9:
      if (level = 9) {
        document.getElementById("floor9").style.backgroundColor = "black";
      }
      break;
    case 10:
      if (level = 10) {
        document.getElementById("floor10").style.backgroundColor = "black"
      }
    default:

  }
}

function game1true() {
  level += 1;
}
function game1false() {
  life -= 1;
}

Answer 1

目前，您在每种情况下都使用单个等号将值分配给 level。 Comparisons make use of == and ===operators .例如:

case 1:
  if (level === 1) {
    document.getElementById("floor1").style.backgroundColor = "black";
  }

但是，这里不需要 switch 语句，因为您在所有情况下都分配了黑色。只需在选择器中使用 level。

function floor() {
  level += 1;
  document.getElementById(`floor${level}`).style.backgroundColor = "black";
}

• Template literals