如何优化对多变量赋值的重复if条件判断语句？

问题描述 #

现有一个带下拉菜单的列表，每次选择操作都会影响多个变量，希望精简相关代码。当前代码片段如下：

if (selectedLeft == 'item 1')
  row1Vis = false;
if (selectedLeft == 'item 1')
  leftCounter = false;
if (selectedLeft == 'item 1')
  leftNA = true;

请问能否将其改写为如下形式，避免重复书写三次if (selectedLeft == 'item 1')条件判断：

if (selectedLeft == 'item 1')
row1Vis = false, leftCounter = false, leftNA = true;

解答 #

当然可以这么写，但从代码可读性和可维护性角度，更推荐用大括号包裹代码块、分号分隔变量赋值的通用写法：

if (selectedLeft == 'item 1') {
  row1Vis = false;
  leftCounter = false;
  leftNA = true;
}

你提到的逗号分隔赋值写法在语法上合法（利用了JavaScript的逗号运算符），但这种写法并不常见，容易让其他开发者产生误解，也不利于后续代码扩展，所以不推荐使用。

内容的提问来源于stack exchange，提问作者Nomad09