JavaScript 代码中的 if 语句部分进行优化

JavaScript 代码中的 if 语句部分通过一些方式进行优化，以使其更加简洁和易于维护。

优化前代码

if(prop === 'payRateIndex') {
  const payByrCntIndex = getSum('payByrCntIndex', key);
  const uvIndex = getSum('uvIndex', key);
  const payRateIndex = payByrCntIndex / uvIndex;
  value = ((isNaN(payRateIndex) ? 0 : payRateIndex) * 100).toFixed(2) + '%';
} else if(prop === 'sszb') {
  const seIpvUvHits = getSum('seIpvUvHits', key);
  const uvIndex = getSum('uvIndex', key);
  const sszb = seIpvUvHits / uvIndex;
  value = ((isNaN(sszb) ? 0 : sszb) * 100).toFixed(2) + '%';
} else if(prop === 'scl') {
  const cltHits = getSum('cltHits', key);
  const uvIndex = getSum('uvIndex', key);
  const scl = cltHits / uvIndex;
  value = ((isNaN(scl) ? 0 : scl) * 100).toFixed(2) + '%';
} else if(prop === 'jgl') {
  const cartHits = getSum('cartHits', key);
  const uvIndex = getSum('uvIndex', key);
  const jgl = cartHits / uvIndex;
  value = ((isNaN(jgl) ? 0 : jgl) * 100).toFixed(2) + '%';
} else if(prop === 'kdj') {
  const tradeIndex = getSum('tradeIndex', key);
  const payByrCntIndex = getSum('payByrCntIndex', key);
  const kdj = tradeIndex / payByrCntIndex;
  value = (isNaN(kdj) || kdj === Infinity ? 0 : kdj).toFixed(2);
} else if(prop === 'uv') {
  const tradeIndex = getSum('tradeIndex', key);
  const uvIndex = getSum('uvIndex', key);
  const uv = tradeIndex / uvIndex;
  value = (isNaN(uv) || uv === Infinity ? 0 : uv).toFixed(2);
}

JavaScript 代码中的 if 语句部分可进行优化，以使其更加简洁和易于维护。

1. 减少重复代码：getSum 函数被多次调用，每次都获取 'uvIndex' 的值。如果这个调用非常耗时，可以考虑将它移到 if 语句外部，减少重复调用。
2. 使用对象映射：将每个 prop 的逻辑封装到一个对象中，使用 prop 作为键，并将计算逻辑作为值。这样可以避免使用多个 if 或 else if 语句。
3. 避免重复计算：如果 getSum 函数是获取某种累加值，并且这些值在每次调用时不会改变，那么可以将它们存储在变量中，避免多次调用 getSum。
4. 简化计算逻辑：对于每个 prop 的计算，逻辑是相似的。可以提取公共部分，并只根据 prop 的不同修改必要的部分。

优化后代码

let uvIndex = getSum('uvIndex', key);

const calculations = {
  'payRateIndex': () => {
    const payByrCntIndex = getSum('payByrCntIndex', key);
    const payRateIndex = payByrCntIndex / uvIndex;
    return isNaN(payRateIndex) ? 0 : payRateIndex;
  },
  'sszb': () => {
    const seIpvUvHits = getSum('seIpvUvHits', key);
    const sszb = seIpvUvHits / uvIndex;
    return isNaN(sszb) ? 0 : sszb;
  },
  // ... 为其他 prop 添加类似的计算函数
  'kdj': () => {
    const tradeIndex = getSum('tradeIndex', key);
    const payByrCntIndex = getSum('payByrCntIndex', key);
    const kdj = tradeIndex / payByrCntIndex;
    return isNaN(kdj) || kdj === Infinity ? 0 : kdj;
  },
  'uv': () => {
    const tradeIndex = getSum('tradeIndex', key);
    const uv = tradeIndex / uvIndex;
    return isNaN(uv) || uv === Infinity ? 0 : uv;
  }
};
if (calculations.hasOwnProperty(prop)) {
  const valueCalc = calculations[prop]();
  value = (valueCalc * 100).toFixed(2) + '%';
}

代码更加简洁，也更容易扩展和维护。

如果未来需要添加新的 prop，只需在 calculations 对象中添加一个新的计算函数即可。