switch 的特殊用法

分隔不同状态的代码 // 让 div 先向左移动，再向下移动，然后向右移动，最后向上移动回到原点，如此循环往复。 var div = document.getElementById("div"); const LEFT = "left", BOTTOM = "bottom", RIGHT = "right", TOP = "top"; var x = 0, y = 0; var status = LEFT; setInterval(function(){ switch(status){ case LEFT: x++; if(x >= 200 ) status = BOTTOM; break; case BOTTOM: y++; if(y >= 200) status = RIGHT; break; case RIGHT: x--; if(x === 0 ) status = TOP; break; case TOP: y--; if(y === 0 ) status = LEFT; break; } div.style.left = x + "px"; div.style.top = y + "px"; },16); 分隔不同范围的代码 // 根据成绩打印不同信息 var score = 98; switch(true){ case a >= 90 && a <= 100: console.log("你的成绩为优秀"); break; case a >= 70: console.log("你的成绩为良好"); break; case a >= 60: console.log("你的成绩为及格"); break; default: console.log("继续加油！"); break; }

此时需要注意区域划分的顺序。