替换if和else语句的方法

最新推荐文章于 2024-08-12 17:36:38 发布

摸鱼少侠梁先生

最新推荐文章于 2024-08-12 17:36:38 发布

阅读量445

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_51140082/article/details/125499547

版权

if语句

jumpDetails(item) {
	 if (item.lightStatus === 'red') {
	        this.nowA1.status = 2
      }
      if (item.lightStatus === 'yellow') {
        this.nowA1.status = 3
      }
      if (item.lightStatus === 'green') {
        this.nowA1.status = 1
      }
      this.nowA1.display = 'one'
      this.close = true
      this.dialogVisible = true
 }

开关语句

jumpDetails(item) {
		switch (item.lightStatus) {
		        case 'red':
		          this.nowA1.status = 2
		          break
		        case 'yellow':
		          this.nowA1.status = 3
		          break
		        case 'green':
		          this.nowA1.status = 1
		          break
		        default:
		          return
		      }
		      this.nowA1.display = 'one'
		      this.close = true
		      this.dialogVisible = true
}

对象方法（策略模式）

jumpDetails(item) {
      const value = item.lightStatus
      console.log(item)
      // 使用对象
      const obj = {
        'red': 2,
        'yellow': 3,
        'green': 1
      }
      this.nowA1.status = obj[value] ? obj[value] : ''
      this.nowA1.display = 'one'
      this.close = true
      this.dialogVisible = true
  }
```