JavaScript switch语句运行逻辑疑问：两种参数写法的差异原因

第一段代码逻辑无效的原因 #

JavaScript中switch的匹配规则是：将switch(表达式)中表达式的运算结果，与每个case 表达式的运算结果做严格相等（===）比较，匹配成功才会执行对应case的代码。
你第一段代码中switch传入的是数字类型的score，但每个case后写的是score >=70这类比较表达式，运算结果是布尔类型的true/false。数字和布尔值做严格相等比较永远不会成立，比如75 === true结果为false，所以所有case都匹配失败，switch内的代码完全不执行，你看到的undefined是showGrade函数没有手动返回值时的默认返回结果。

传入true后代码正常运行的原因 #

当你把switch的传入值改为布尔值true时，匹配逻辑变成了将true和每个case的比较表达式结果做严格相等比较。比如用户输入75，第一个casescore >=70的运算结果是true，true === true匹配成功，就会执行对应输出代码，遇到break后跳出switch，所以可以正常运行。
这种switch(true)的写法属于利用JS语法特性的技巧写法，本质是让switch按顺序匹配第一个返回true的case表达式，和if/else if的判断逻辑等价。

认知偏差说明 #

你对switch的基础认知没有方向性错误，属于认知遗漏：你只记住了case需要和switch值匹配，但没注意到case后不是只能写固定常量，它是可执行的表达式，会先运算得到结果，再和switch的值做严格相等比较，而非直接拿case后的字面量和switch值匹配。

补充说明 #

你后续修改的if/else if版本可读性比switch(true)更高，更符合范围判断的常规编码习惯，更推荐在实际项目中使用。

内容的提问来源于stack exchange，提问作者Manoj Kumar