二十一、提前退出提前返回（改写冗长的if-else语句）（2021/4/30）

忘是亡心i 2023-01-18 04:14 137阅读 0赞

> 利用**解构赋值**将冗长的if else 语句改写

var fn = function (animal) { 
            var result = null
            if (animal.name) { 
                    if (animal.type) { 
                            if (animal.sex) { 
                                    result =   `${ animal.name} 是 ${ animal.type} 的 ${ animal.sex}的动物`
                            } else { 
                                    result =   'no sex'
                            }
                    } else { 
                            result =   'no type'
                    }
            } else { 
                    result =  'no name'
            }
            return result
    }
    
    var res = fn({  name: '老虎', type: '猫科', sex: '雌性' });
    // console.log(res)

*  解构赋值的处理方法

var obj = {  name: '老虎', type: '猫科', sex: '雌性' }
    
    var fn2 = function({ name,type,sex} = { }){ 
    		// 这里的参数利用了解构赋值的方式获取了每一个key的值，然后再进行判断
    		// 后面再加了一个赋值操作，是参数的默认参数为一个空对象，这样才不会报错
            if(!name) return 'no name'
            if(!type) return 'no type'
            if(!sex) return 'no sex'
            return `${ name} 是 ${ type} 的 ${ sex}的动物`
    }
    let res2 = fn2(obj);
    console.log(res2)

解构赋值描述链接：[https://blog.csdn.net/weixin\_41033048/article/details/115944437][https_blog.csdn.net_weixin_41033048_article_details_115944437]

[https_blog.csdn.net_weixin_41033048_article_details_115944437]: https://blog.csdn.net/weixin_41033048/article/details/115944437