在前端开发中，我们经常会用到 switch 语句来进行条件判断。而在 ES11 中，有一个推荐的写法是将 switch 中的 default 放在最后。在本文中，我们将详细探讨这个推荐的写法，并给出相应的示例代码。
为什么要将 default 放在最后
在早期的 JavaScript 版本中，switch 语句中的 default 可以放在任意位置。但是，在 ES11 中，推荐将 default 放在最后。这是因为，当我们在 switch 语句中使用 break 语句时，如果 default 放在前面，就会导致我们的代码出现错误。
例如，我们有一个 switch 语句如下：
-- -------------------- ---- -------
------ ------- -
---- --------
----------------- -- -- --------
------
--------
----------------- -- --- -- --------
------
---- ---------
----------------- -- - ---------
------
-在上面的代码中，我们将 default 放在了第二个 case 语句前面。这时，如果 fruit 是 'apple'，那么输出的结果应该是 'This is an apple'，但是实际上却输出了 'This is not an apple'。这是因为，当 fruit 的值为 'apple' 时，程序会执行第一个 case 语句，然后执行 default 语句，因为 default 语句并没有使用 break 语句来跳出 switch 语句，所以会继续执行后面的 case 语句。
如果我们将 default 放在最后，那么就不会出现这种错误了。因为此时 default 语句已经是最后一个语句，不会再执行后面的 case 语句。
如何将 default 放在最后
在将 default 放在最后时，需要注意以下几点：
- 在最后一个 case 语句后面添加 default 语句；
- 如果有多个 case 语句，需要使用 break 语句来跳出 switch 语句；
- 如果没有匹配的 case 语句，default 语句会被执行。
下面是一个示例代码：
-- -------------------- ---- -------
------ ------- -
---- --------
----------------- -- -- --------
------
---- ---------
----------------- -- - ---------
------
--------
----------------- -- --- -- ----- -- - ---------
------
-在上面的代码中，我们将 default 放在了最后，并使用了 break 语句来跳出 switch 语句。这时，当 fruit 的值为 'apple' 或 'banana' 时，会分别输出 'This is an apple' 和 'This is a banana'，如果 fruit 的值不是这两个值中的任何一个，就会输出 'This is not an apple or a banana'。
总结
在 ES11 中，推荐将 switch 中的 default 放在最后，这可以避免在使用 break 语句时出现错误。在使用时，需要将 default 放在最后一个 case 语句后面，并使用 break 语句来跳出 switch 语句。这个推荐的写法对于前端开发人员来说具有一定的学习和指导意义，可以帮助我们编写更加健壮的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/662e8efdd3423812e4c7885e