JavaScript の式とステートメントの違いは何ですか?

JavaScript を深く掘り下げている私は、最近、式 と ステートメント という、啓発的であると同時に混乱を招く興味深い概念に出会いました。最初は、それはあまり重要ではない技術的な詳細の 1 つのように思えましたが、一度理解すると、コーディングの過程で隠されたレベルのロックが解除されたように感じました。

それでは、式とステートメントについて私が学んだことを、可能な限り簡単な方法で学習者間で説明してみようと思います!

シンプルスタート: 基本を理解する

基本的なことから始めましょう:

const x = 5;

ここでは、定数 x を作成し、値 5 を与えました。簡単ですよね?

次の行を見てください:

const y = getAnswer();

getAnswer() は数百行のコードを含む複雑な関数ですが、結局のところ、x = 5 と同じものになります。値に解決されます 。そして、これが私にとって初めて「なるほど」と思った瞬間でした。JavaScript では、式 は、単純か複雑かに関係なく、値として評価されるものすべてです。

式とは正確には何ですか?

式は、値に評価されるコードのスニペットです。 5 などの単一の数値は、すでに値であるため、式になります。しかし、2 3 のようなより複雑な演算も式です。これは 5. に評価されます

。

式の例をいくつか示します:

12             // Evaluates to 12.
7 + 5          // Evaluates to 12.
Math.sqrt(16)  // Evaluates to 4.
"Hello" + " World"  // Evaluates to "Hello World".

これらのすべてのケースで、コードは評価後に値を生成し、それが式になります。

では、ステートメントとは何でしょうか?

式は値の生成に関するものですが、ステートメントはアクションの実行に関するものです。ステートメントは、JavaScript に何をすべきかを伝えるコード内の指示またはコマンドと考えてください。

たとえば、if 条件、for ループ、while ループなどの制御フロー構造は、物事を実行しますが、それ自体では値を返さないため、ステートメントです。

if (x > 10) {
  console.log("x is greater than 10");
}

この if ステートメントは、x が 10 より大きいかどうかをチェックします。条件が true の場合、ブロック内のコードが実行されます。ただし、それ自体は値に解決されません。

この違いがなぜ重要なのでしょうか?

最初は、式とステートメントの違いは単なる技術的なものだと思っていました。しかし、さらに学ぶにつれて、それがコードの書き方に実際に影響を与えることに気づきました。その理由は次のとおりです:

• 式が必要な場所ではステートメントを使用できません。 たとえば、関数はアクションではなく値を期待しているため、関数の引数として if ステートメントを渡すことはできません。

const x = 5;

ただし、式は値に評価されるため渡すことができます:

const y = getAnswer();

この場合、三項演算子は「Yes」または「No」のいずれかに評価され、その値を結果変数に割り当てることができます。

式の中の式: 素晴らしいトリック

私が興味深いと思ったのは、JavaScript では

他の式の中に式を入れ子にできるということです。 JavaScript はそれらを 1 つずつ評価し、最終結果は単一の値になります。

これが例です:

12             // Evaluates to 12.
7 + 5          // Evaluates to 12.
Math.sqrt(16)  // Evaluates to 4.
"Hello" + " World"  // Evaluates to "Hello World".

ここには 2 つの式がありますが、JavaScript は両方の式を解決して最終値 3 を返します。

式とステートメント: 簡単な内訳

要約するために、以下に比較を示します:

• 式:

  常に値に評価されます。
  関数の引数や代入など、JavaScript が値を期待する場所であればどこでも使用できます。
  単純 (5 など) または複雑 (Math.sqrt(4) など) にすることができます。

• ステートメント:

  アクションを実行するか、プログラムのフローを制御します。
  値自体を評価しないでください。
  例には、if 条件、ループ、宣言が含まれます。

なぜこの違いを気にする必要があるのでしょうか?

式とステートメントの違いを理解すると、より適切で効率的なコードを作成するのに役立ちます。 JavaScript がいつ値 (式) を期待するのか、いつ命令 (ステートメント) を必要とするのかを理解することで、混乱を招くエラーを防ぎ、コードをよりクリーンにすることができます。

たとえば、if ステートメントを変数に代入しようとすると、if ステートメントは値を生成しないため、エラーがスローされます。ただし、三項式を変数に代入すると、値が

評価されるため機能します。

まとめ: コードの見方を変える

式とステートメントの違いを学ぶことで、JavaScript が内部でどのように動作するかを理解することができました。式はコード内の値の構成要素であり、ステートメントはプログラムに何をすべきかを指示します。

これを理解すると、コードの一部がなぜそのように動作するのか、そしてなぜ特定のこと (変数への if ステートメントの代入など) が単純に動作しないのかがわかり始めるでしょう。

この区別を調べ始めたばかりなら、心配しないでください。私もそれを理解するのに時間がかかりました。しかし、一度クリックすると、コードがより直感的になっていることがわかります。

コーディングを楽しんでください!

以上がJavaScript の式とステートメントの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。