这个布尔表达式如何计算？

Question

来自 Three.js：

this.sides.px && buildPlane( 'z', 'y',   1 * flip, - 1, depth, height, - width_half, this.materials[ 0 ] ); // px
this.sides.nx && buildPlane( 'z', 'y', - 1 * flip, - 1, depth, height, width_half, this.materials[ 1 ] );   // nx
this.sides.py && buildPlane( 'x', 'z',   1 * flip,   1, width, depth, height_half, this.materials[ 2 ] );   // py
this.sides.ny && buildPlane( 'x', 'z',   1 * flip, - 1, width, depth, - height_half, this.materials[ 3 ] ); // ny
this.sides.pz && buildPlane( 'x', 'y',   1 * flip, - 1, width, height, depth_half, this.materials[ 4 ] );   // pz
this.sides.nz && buildPlane( 'x', 'y', - 1 * flip, - 1, width, height, - depth_half, this.materials[ 5 ] ); // nz

什么这个布尔表达式返回吗？如果它返回一个布尔值，它去了哪里？ （我没有看到作业！）它如何评估？

Answer 1

你说得对，没有任务。这些语句利用了 && 运算符所使用的优化。如果右侧和左侧的计算结果都为 true，则 && 运算符的计算结果为 true。因此，如果左侧为假，它甚至不必检查右侧，因为无论如何结果都是假的，并且根本不对其进行评估。

因此，这段代码：

this.sides.px && buildPlane( 'z', 'y',   1 * flip, - 1, depth, height, - width_half, this.materials[ 0 ] ); // px

等价于这段代码：

if (this.sides.px) {
    buildPlane( 'z', 'y',   1 * flip, - 1, depth, height, - width_half, this.materials[ 0 ] );
}

Answer 2

如果第一部分为真，它仅评估表达式的第二部分。 &&是 JS 中的短路运算符:) 请参阅 http://en.wikipedia.org/wiki/短路_评估了解更多详细信息。

这些语句中的每一个都是单独评估的，但为了代码清晰起见，每个语句都可以替换为 if (this.sides.??) buildPlane(..); 。

Answer 3

实际上这个代码片段是 6 个语句，而不是单个表达式。每个语句都是一个表达式求值。

每个语句都是一个涉及 && 运算符的布尔表达式。为了计算这些表达式，JavaScript 首先计算左侧部分，然后仅当左侧部分为 true 时，才计算第二部分。第二部分是一个有副作用的函数调用，没有任何“返回”。

以这种方式使用 && 很常见。这是一种表达“仅在条件为真时才调用此函数”的方式。

Answer 4

这样的代码利用了短路，即逻辑与 (&&) 和逻辑或 (||) 只执行表达式的侧面（如果它们相关）。

假设我有 a && b.。如果 a 为 false，则 a &&无论 b 是什么，b 始终为 false，因此不需要检查。同样，如果我有一个|| b，如果 a 为 true，则 a ||无论b 是什么，b 始终为真，因此不需要检查。

因此Javascript只检查a。如果a恰好为真，那么它会检查b。如果 a 恰好是这样的形式（据我所知，可能是一个数字），那么他们会检查该数字是否 != 0。如果是，则执行第二个代码块。此操作的返回值将被丢弃，因为它没有分配到任何地方。

Answer 5

这

this.sides.px && buildPlane( 'z', 'y',   1 * flip, - 1, depth, height, - width_half, this.materials[ 0 ] );

将产生与此相同的结果：

if (this.sides.px) {
   buildPlane( 'z', 'y',   1 * flip, - 1, depth, height, - width_half, this.materials[ 0 ] );
}

它节省了几行代码，但与使用 if 语句相比，可能不是每个人都清楚。