问题描述
打开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
}
}