Unexpected lexical declaration in case block

问题描述

打开eslint 在一个switch语句中定义了一个变量就报错了

Unexpected lexical declaration in case block(no-case-declarations)
// 该规则禁止词法声明 (let、const、function 和 class) 出现在 case或default 子句中

问题解决

switch (1) {
  case 1:
    this.foo = 1
    break
  case 2:
    this.foo = 2
    const bar = 2 // 会报错：Unexpected lexical declaration in case block
    break
}

switch 逻辑没有走到 case 1 的代码块，由于作用域提升，会导致case 1 影响到case 2，所以，eslint 会对这种情况做校验，现在必须 使用花括号将代码块确定具体的作用域。

switch (1) {
  case 1:
    this.foo = 1
    break
  case 2: { // 加上一个作用域块就好了
    this.foo = 2
    const bar = 2
    break
  }
}

备注

https://cn.eslint.org/docs/rules/no-case-declarations