你很容易遇到的if代码嵌套

项目中很容易遇到这样的代码：

// '触发'存在、'动作'为'页面跳转'则展示配置项
if (v && props.actionInteractive === "pageJump") {
  state.jumpTypeInteractive.visible = true;
  state.jumpValueInteractive.visible = true;
  if (props.actionInteractive === "pageJump") {
    state.delayInteractive.visible = true;
  } else {
    state.delayInteractive.visible = false;
  }
} else {
  state.jumpTypeInteractive.visible = false;
  state.jumpValueInteractive.visible = false;
}

优化后如下：

// '触发'存在、'动作'为'页面跳转'则展示配置项
if (v && props.actionInteractive === "pageJump") {
  state.jumpTypeInteractive.visible = true;
  state.jumpValueInteractive.visible = true;
} else {
  state.jumpTypeInteractive.visible = false;
  state.jumpValueInteractive.visible = false;
}
// '载入' 并且'页面跳转'
if (v === "load" && props.actionInteractive === "pageJump") {
  state.delayInteractive.visible = true;
} else {
  state.delayInteractive.visible = false;
}

后者没有嵌套，直观明了