switch写法详解

我们在开发项目中经常遇到对数据的判断进行相应的逻辑（if..else  ，三元运算等），Switch 语句用来选择多个需要执行的代码块 ，一定程度上简化了if....else

1. 语法

switch(表达式) {
case n:
代码块
break;
case n:
代码块
break;
default:
默认代码块
}

2. 代码解释
计算一次 switch 表达式
把表达式的值与每个 case 的值进行对比
如果存在匹配，则执行关联代码
3. break 关键词
如果 JavaScript 遇到 break 关键词，它会跳出 switch 代码块。不必中断 switch 代码块中的最后一个 case。代码块在此处会自然结束。

4. default 关键词
default 关键词规定不存在 case 匹配时所运行的代码。

default 不必是 switch 代码块中最后一个 case。
如果 default 不是 switch 代码块中最后一个 case，请记得用 break 结束默认 case。
default 是可选的，并非必不可少（虽然惯例如此）。break 相关规则对 default 仍
然适用。
5. 严格的比较
Switch case 使用严格比较（===）。值必须与要匹配的类型相同。只有操作数属于同一类型时，严格比较才能为 true。

function demo(param) {
switch (param) {
case '1':
console.log('1')
break
case '2':
console.log('2')
break
default:
console.log('default')
}
}

demo('2') // 2
demo(2) // default
demo(new String('2')) // default

let o1 = {}
let o2 = {}
let o3 = {}
let o4 = o3

function demo (o) {
switch (o) {
case o1:
console.log('o1')
break
case o2:
console.log('o2')
break
case o3:
console.log('o3')
break
default:
console.log('default')
}
}

demo(o1) // o1
demo(o3) // o3
demo(o4) // o3

6. case后接表达式

function demo (param) {
switch (true) {
case param == '1':
console.log('1')
break
case param == '2':
console.log('2')
break
default:
console.log('default')
}
}

demo (1) // 1
demo ('1') // 1
demo (2) // 2

function demo () {
switch (3) {
case 1 + 1:
console.log('1 + 1')
break
case 1 + 2:
console.log('1 + 2')
break
case 1 + 3:
console.log('1 + 3')
break
default:
console.log('default')
}
}

demo() // 1 + 2

function demo (a, b) {
switch (a) {
case b + 1:
console.log('b + 1')
break
case b + 2:
console.log('b + 2')
break
case b + 3:
console.log('b + 3')
break
default:
console.log('default')
}
}

demo(3, 1) // b + 2
demo(4, 1) // b + 3
demo(4, 2) // b + 2
demo(4, 4) // default

7. 表达式中的严格相等(重点五颗星)

function demo () {
let a = 'hello'
let b = '10'

switch (true) {
case (a || b == 10):
console.log('1')
break
default:
console.log('default')
}
}

// a || b == 10 的值为 hello，和 true 不严格相等
demo() // default

function demo () {
let a = 'hello'
let b = '10'

switch (true) {
case !!(a || b == 10):
console.log('1')
break
default:
console.log('default')
}
}

demo() // 1