javascript - switch(true) 与 if(true) 返回的结果不同 (JavaScript)

Question

我正在为单击按钮时编写一个函数。有很多不同的按钮，所以我想使用 switch(true)声明而不是一长串 if...else if声明。

几个按钮用于数字，我已将数字放在 value 中<button> 的属性标签。但是，测试这两个函数会给出不同的结果。

switch(true) {
    case (Number(button.value)):
        console.log('thats a number');
        break;
    default:
        console.log('NaN');
        break;
}

if(Number(button.value)) {
    console.log('thats a number');
} else {
    console.log('NaN');
}

谁能解释一下为什么？我已经进行了彻底的测试，但一无所获，感觉这一定是某种技术差异 switch和 if处理语句。

Answer 1

switch statement使用 strict equality === 检查给定条件，而 if 接受一个值，该值被转换为 bool 值以进行检查。

你在switch中得到的是

true === Number(button.value)

并且该检查永远不会为真