如何解析js表达式

这是一个三元运算符，是通常运算符的一种较轻形式if{}else{}，但返回一个真值：

a = 2 > 5 ? 'o_O' : true; // a === true

在您的情况下，语句只是嵌套的（不推荐，难以阅读）。
可以这样重写：

if (10 > 1) { // true, we need to go deeper
  if (15 < 2) { // false, go to else statement
    if (7 > 3) {
      console.info('variant 1');
    } else {
      console.info('variant 2');
    }
  } else { // Execute!
    console.info('variant 3');
  }
} else {
  console.info('variant 4');
}

正如我从 JavaScript 语法中理解的那样，每个子表达式，除了条件运算符的初始条件外，都可以依次包含一个条件运算符

因此，这个表达式

10 > 1 ? 15 < 2 ? 7 > 3 ? 'variant 1' : 'variant 2' : 'variant 3' : 'variant 4'

可以被认为是嵌套的条件语句链

10 > 1 ? ( 15 < 2 ? ( 7 > 3 ? 'variant 1' : 'variant 2' ) : 'variant 3' ) : 'variant 4'

结果，表达式的值将是字符串'variant 3'

先格式化人

10 > 1 
  ? 15 < 2
    ? 7 > 3
      ? 'variant 1'
      : 'variant 2'
    : 'variant 3'
  : 'variant 4'

然后像嵌套的 if-else 一样阅读：

if (10 > 1)
  if (15 < 2)
    if (7 > 3)
      return 'variant 1'
    return 'variant 2'
  return 'variant 3'
return 'variant 4'