概述
1.使用短路逻辑（|| &&）
// 和
let andStr = true && 'Hello AND';
let andStr2 = false && 'Hello AND';
// 或
let orStr = true || 'Hello OR';
let orStr2 = false || 'Hello OR';
2.三元运算符
一些简单的if判断可以使用三元运算符进行代替
a = (a == b) ? c : d;
3.使用按位异或运算符^
var a = 1;
var b = 2;
var c = 1;
if(a == c){
c = b;
}else if(b == c){
c = a;
};
//可写成
c = a ^ b ^ c;
var b = 2;
var c = 1;
if(a == c){
c = b;
}else if(b == c){
c = a;
};
//可写成
c = a ^ b ^ c;
4.使用return避免多重if else的嵌套
function(err, results) {
if (!err) {
doMoreSth();
doOtherSth();
// ....sth
// ....sth
return;
}
handleError();
}
5.switch可以使用hash表进行替代
const missionStatus = params.row.missionStatus;
const config = {
1: { status: '待执行', color: '#000099'},
2: { status: '执行中', color: '#0066FF'},
3: { status: '已完成', color: '#008000'},
4: { status: '被取消', color: '#666666'},
5: { status: '失败', color: '#DD5044'},
}
const color = config[missionStatus].color || '', status =
config[missionStatus].status || '';
return h('span', { style: { color: color } }, status);
6.使用ES6 中的Map
const actions = new Map([
[{status: 1, visible: true}, () => {/* **sth** */}],
[{status: 1, visible: false}, () => {/* **sth** */}],
[{status: 2, visible: true}, () => {/* **sth** */}],
[{status: 2, visible: false}, () => {/* **sth** */}],
])
let action = [...actions].filter(([key, value]) => (key.status == status && key
visible == visible));
action.forEach(([key, value]) => value.call(this));
最后
以上就是靓丽星月为你收集整理的javascript if的优化的全部内容，希望文章能够帮你解决javascript if的优化所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复