javascript - switch 语句中的常见情况

Question

我需要先执行一般情况，然后再执行具体情况，所以这就是我正在做的:

let array = ['foo', 'bar', 'baz'];

array.forEach(element => {
    switch (element) {
        case 'baz':
            console.log('its baz');
            break;
        case 'foo':
        case 'bar':
            console.log('its foo or bar');
        case 'foo':
            console.log('its foo');
            break;
        case 'bar':
            console.log('its bar');
            break;
        default:
            break;
    }
});

输出:

its foo or bar
its foo
its foo or bar
its foo // expected: 'its bar'
its baz

它适用于 foo 但不适用于 bar。我错过了什么？

Answer 1

Switch-case 以这种方式工作:控制权从 switch 语句转移到第一个匹配项，然后执行所有语句(包括来自其他 case 的语句)直到遇到 break 语句。这种行为称为 fallthrough。

所以，每当这个 case 被 switch 捕获时，

case 'foo':
case 'bar':
    console.log('its foo or bar');

这种情况总是被称为:

 case 'foo':
    console.log('its foo');

原因是第一个片段后没有 break 语句。因此，控件继续执行语句，直到遇到中断语句。