巧用js的&& || 精简代码

巧用 || 设置默认值

有这样一个需求,显示一张图片,如果后端有返回则用返回值(imgSrcFromServe),如果后端返回为空则显示默认值(imgSrcDefault)

1. 用 if else 实现

let imgSrc = ''
if(imgSrcFromServe){imgSrc =imgSrc}
else {imgSrc =imgSrcDefault}

2. 用 ? 实现

let imgSrc = imgSrcFromServe?imgSrcFromServe:imgSrcDefault

3. 用 || 实现

let imgSrc = imgSrcFromServe || imgSrcDefault

显而易见用 || 更为简洁,如果是多个判断优势会更加明显

巧用 && 判断非空

在使用.length 方法时,如果对象不存在,js将会抛出异常

1. 用 if else 实现

let Str,len
if(str){
len = str.length
}

2. 用 ? 实现

let len = Str?Str.length:0

3. 用 || 实现

let len = str && str.length

显而易见用 || 更为简洁,如果是多个判断优势会更加明显

这里只是抛砖引玉,也是最简单的用法