no-case-declarations

[981377660LMT]

no-case-declarations是一个ESLint规则，它用于防止在switch语句的case或default子句中声明变量，而没有使用大括号{}将这些声明包裹起来。这个规则的目的是为了避免在switch语句中引入潜在的作用域混淆和变量提升问题。

在JavaScript中，switch语句的case和default子句实际上并不会创建一个新的块级作用域，这意味着在这些子句中声明的变量实际上是属于包含switch语句的那个作用域（通常是函数作用域或全局作用域）。这可能会导致一些意料之外的行为，特别是当多个case子句中声明了相同名称的变量时。

例如，以下代码会违反no-case-declarations规则：

switch (x) {
  case 1:
    let a = 2; // 这里违反了no-case-declarations规则
    console.log(a);
    break;
  case 2:
    const b = 3; // 这里也违反了规则
    console.log(b);
    break;
  default:
    var c = 4; // var声明不受此规则影响，因为var有函数作用域或全局作用域
    console.log(c);
}

为了遵守no-case-declarations规则，应该使用大括号{}将case或default子句中的声明包裹起来，从而明确创建一个块级作用域：

switch (x) {
  case 1: {
    let a = 2; // 使用大括号包裹，符合规则
    console.log(a);
    break;
  }
  case 2: {
    const b = 3; // 使用大括号包裹，符合规则
    console.log(b);
    break;
  }
  default: {
    var c = 4; // var声明不受此规则影响，但使用大括号也是一个好习惯
    console.log(c);
  }
}

遵守no-case-declarations规则有助于提高代码的可读性和可维护性，并且可以避免因变量提升或作用域混淆导致的潜在错误。