分配变量的条件与内联条件检查

Question

找不到更好的标题，因此非常感谢编辑建议。

我想知道使用分配变量检查条件和内联条件之间是否有区别。
例如：

选项 1：

// inline conditions check
function isSomething(){
    return (1 > 2 || 'a' == 'a' || 2 < 4) || 
           (55 == 1 || (32 > 4 || 'a' == 'a') && 6 > 2) || 
           ('abc' != 'bca' && 3 == 3);
}

选项 2：

// pre assigned variables condition check
function isSomething(){
    const conditionA = 1 > 2 || 'a' == 'a' || 2 < 4; // some complex condition
    const conditionB = 55 == 1 || (32 > 4 || 'a' == 'a') && 6 > 2; // some complex condition
    const conditionC = 'abc' != 'bca' && 3 == 3 // some complex condition

    const result = conditionA || conditionB || conditionC;
    return result;
}

似乎在选项 2 中它必须检查所有 3 个条件，但在选项 1 中理论上它可以在第一次检查它是否为 true 后返回。

显然选项 2 是我的选择，因为它更具可读性，但我想知道在行为或性能方面是否存在差异？ 有没有办法测试这两个选项之间的性能？

Answer 1

就检查性能而言，我会查看jsperf。

如果您还没有，请查看console.time()、console.profile() 和performance.now()。

在选项 2 中，您将创建 3 个新对象并将它们分配给变量，创建对象并将它们分配到内存中，这对性能的影响往往是微不足道的。

在选项 1 中，如果第一个值为 true，则不会评估第二个选项，因为 || 是短路运算符，而在第二个选项中，将评估所有三个条件，无论它们返回的结果如何。

如果由于多次使用此方法而导致性能成为问题，我始终建议性能测试尽可能模拟真实世界的应用程序。

Answer 2

如果您想将短路评估的好处与可读性和命名变量结合起来，那么

function isSomething(){
  const conditionA = () => 1 > 2 || 'a' == 'a' || 2 < 4;
  const conditionB = () => 55 == 1 || (32 > 4 || 'a' == 'a') && 6 > 2;
  const conditionC = () => 'abc' != 'bca' && 3 == 3;

  const result = conditionA() || conditionB() || conditionC();

  return result;
}