设计模式 ifelse优化_WEB前端if else 性能优化指南

不管是平时在学习js中还是在项目书中写js代码，都避免不了一个问题就是有时候要做大量的分支判断，很多人的第一反应就是使用if else。无可厚非，if else早平时做分支判断的时候是非常好用的，但是代码中嵌套的if/else结构往往导致代码不美观，也不易于理解而且性能低下。所以有时候在我们做项目的时候不可避免的一点的就是要做一些代码的性能以及逻辑的优化。

一、简单的逻辑判断常用的优化方法

1.1 使用 ||

var a = 1;
if(a){
    a = 1;
}else{
    a = 0;
};
//可写成
a = a || 0;

1.2 使用三元表达式

var a = 1;
var b = 2;
var c = 3;
var d = 4;
if(a == b){
    a = c;
}else{
    a = d;
}
//可写成
a = (a == b) ? c : d;

1.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;

二、复杂的逻辑判断常用的优化方法

2.1 优化if逻辑

<