カンマ演算子は JavaScript でどのように機能しますか?

JavaScript におけるカンマ演算子の詳細

JavaScript では、「,」で示されるカンマ演算子は、独自の機能を果たします。コードを実行する際の役割。重要ではないように思えるかもしれませんが、効果的なスクリプトを作成するには、その動作を理解することが重要です。

カンマ演算子の動作

カンマ演算子は、次の点で一般的な演算子とは異なります。そのオペランドを変更したり比較したりしないでください。代わりに、単純に左から右に順番に評価し、最後のオペランドの値を返します。この動作は「副作用評価」として知られています。

例: 数値式

例を考えてみましょう:

1,09 * 1; // returns "9"

ここでは、1 ,09 は、カンマがあるため数値として認識されません。カンマにより、最初に 1,09 が強制的に評価され、その結果、数値ではなく文字列の連結として解釈されます。乗算 1 * "9" は、最終結果として "9" を返します。

条件文での応用

カンマ演算子は、複数の式が含まれる条件文で使用されます。順番に評価する必要があります。例:

if (0,9) alert("ok"); // alert
if (9,0) alert("ok"); // don't alert

最初のケースでは、両方の式 (0 と 9) が評価され、2 番目の式 (9) が true として返されます。アラートがトリガーされます。 2 番目のケースでは、最初の式 (9) は true ですが、2 番目の式 (0) は false です。条件式は false と評価されるため、アラートは表示されません。

関数呼び出しの分離

カンマ演算子を使用して関数呼び出しを区切ることもできます。次の例を考えてみましょう:

alert(1); alert(2); alert(3); // 3 alerts
alert(1), alert(2), alert(3); // 3 alerts too

どちらの場合も、3 つのアラートが表示されます。ただし、カンマを使用すると、3 つの呼び出しがすべてグループ化され、1 つの式として評価されるため、より少ない行数でコードを作成できます。

複雑な式の評価

次の例は、カンマ演算子が複雑な式を評価する方法を示しています。

alert("2",
    foo = function (param) {
        alert(param)
    },
    foo('1')
)
foo('3'); // alerts 1, 2 and 3

ここで、カンマ演算子は関数は最初に foo('1') を呼び出し、「1」を警告します。次に、次にアラートされる文字列「2」を返します。最後に、foo('3') の呼び出しが行われ、「3」を警告します。この動作により、複数の操作の副作用を簡潔に評価できます。

以上がカンマ演算子は JavaScript でどのように機能しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。