【JS】对象字面量 代替 switch 方法

• 使用switch方法

function textColor(color){
	switch(color){
		case 'red':
			return '红色';
		case 'yellow':
			return '黄色';
		default:
			return color;
	}
}
console.log(textColor('yellow'))	// 黄色
console.log(textColor('cc'))		// cc
1
2
3
4
5
6
7
8
9
10
11
12

• 使用对象字面量

const textColor = {
	red: '红色',
	yellow: '黄色',
}
console.log(textColor.yellow)	// 黄色
// ?. 表示可选链，如果未找到返回undefined，避免直接抛错
console.log(textColor?.cc)	   	// undefined
1
2
3
4
5
6
7

• 在 ts 中运用

enum ColorType {
  RED= 'red',
  YELLOW= 'yellow',
}
const textColor = {
	[ColorType.RED]: '红色',
	[ColorType.YELLOW]: '黄色',
}
console.log(textColor[ColorType.YELLOW])	// 黄色
1
2
3
4
5
6
7
8
9