js中可代替switch case的两种方法

最新推荐文章于 2024-08-14 00:00:00 发布

tengxi_5290

最新推荐文章于 2024-08-14 00:00:00 发布

阅读量3.8k

点赞数

分类专栏： js 面试总结 H5 文章标签： javascript es6

本文链接：https://blog.csdn.net/tengxi_5290/article/details/108357942

版权

js 同时被 3 个专栏收录

32 篇文章 0 订阅

订阅专栏

面试总结

8 篇文章 0 订阅

订阅专栏

7 篇文章 0 订阅

订阅专栏

普通的switch case代码

替换方法1----Map

let playMap = new Map()
playMap.set(1, '正常播放')
playMap.set(2, '播放2分钟')
playMap.set(3, '播放5分钟')
playMap.set(5, '禁播')
item.playType = playMap.get(parseInt(item.playType))? playMap.get(parseInt(item.playType)): '其他状况'



等价于

switch (item.playType) {
    case 1:
        item.playType = '正常播放'
    break
    case 2:
        item.playType = '播放2分钟'
    break
    case 3:
        item.playType = '播放5分钟'
    break
    case 5:
        item.playType = '禁播'
    break
    default:
        item.playType = '其他状况'
}

方法2----Object

switchFunc (condition) {
    let switchObj = {
        routeLocation: () => {
            return 'router link'
        },
        reloadCurrentPage: function () {
            return 'reload'
        },
        initList: () => {
            this.errorMessage('ggggggggggg')
            this.getGovernmentList(this.queryGovernment.name, this.queryGovernment.status)
        }
    }

    if(typeof(switchObj[condition]) !== 'function') {
        return false
    } else {
        return switchObj[condition]
    }
}

应用：
this.switchFunc('initList')();
console.log(this.switchFunc('reloadCurrentPage')());


等价于

switch (condition) {
    case 'routeLocation':
        return 'router link'
    break
    case 'reloadCurrentPage':
        return reload
    break
    case 'initList':
        this.errorMessage('gggggggggggg')
        this.getGovernmentList(this.queryGovernment.name, this.queryGovernment.status)
    break
}