巧用 || 设置默认值
有这样一个需求,显示一张图片,如果后端有返回则用返回值(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
显而易见用 || 更为简洁,如果是多个判断优势会更加明显
这里只是抛砖引玉,也是最简单的用法