2021年3月7日

コード構造

最初に学ぶことは、コードの基本的な構成要素です。

文(命令文)

文は、構文構造でアクションを実行するコマンドです。

私たちはすでに alert('Hello, world!') という文を見ており、これは “Hello, world!” というメッセージを表示します。

コードには必要なだけ文を含めることができ、文はセミコロンで区切ることができます。

たとえば、これは “Hello World” のメッセージを2つのアラートに分けます:

alert('Hello'); alert('World');

通常、それぞれの文は別の行に書かれます。これによりコードの可読性が向上します。

alert('Hello');
alert('World');

セミコロン

改行があるほとんどの場合、セミコロンは省略することが可能です。

これも動作します:

alert('Hello')
alert('World')

ここで JavaScript は、改行を “暗黙” のセミコロンと解釈します。 これは自動セミコロン挿入と呼ばれます。

ほとんどのケースで改行はセミコロンを意味します。しかし “ほとんどのケース” は “常に” ではありません!

これは改行はセミコロンを意味しないケースです、例えば:

alert(3 +
1
+ 2);

このコードは 6 を出力します、なぜなら JavaScript はセミコロンを挿入しないからです。もし行の終わりがプラス "+" で終わっている場合、直感的には “不完全な表現” であり、セミコロンが必要ないのは明らかです。このケースでは、それは意図した通りに動作します。

しかし本当に必要なときに JavaScriptがセミコロンを想定 “し損なう” ケースがあります。

このようなケースで発生するエラーは検出と修正が非常に困難です。

エラーの例

このようなエラーの具体例に興味があるなら、このコードを確認してみてください: