JavaScriptプログラミングで泣かないための、たった5つの基本ルール：初心者のためのWebアプリ開発超入門（2）（2/2 ページ）

「まあまあユルイ書き方でいいんですね」

　JavaScriptを記述するときの基本的なルールは次のとおりです。ほかの言語と大きく違うところはありません。

1. 半角英数字で書く
2. アルファベットの大文字と小文字を区別して書く
3. 命令文の終わりにはセミコロンを付ける
4. ソースコード内の空白と改行は無視される
5. ソースコード以外はすべてコメントにする

半角英数字で書く

　これは基本中の基本です。ほかのプログラミング言語同様、JavaScriptのコードは、すべて半角の英数字で記述します。全角文字はソースコードであると認識されません。また、全角のスペースも単語を区切るためのスペースとは見なされません。全角文字は、テキストとして画面に表示する場合以外は使用することはありません。

大文字と小文字は区別して書く

　JavaScriptでは、ソースコードの大文字と小文字が明確に区別されます。window.alert();をWindow.alert();と書いたら速攻でアウトです。HTMLでは大文字と小文字を区別しないので、<p>タグを<P>と書いてもよいのですが、JavaScriptもほかの多くの言語がそうであるように、大文字、小文字を区別するようになっています。

命令文の終わりにはセミコロンを付ける

　「window.alert（"ようこそ!"）;」のように、何らかの処理を行うための命令文のことを文と呼びます。あるいは命令文の意味でステートメントと呼ぶこともあります。

　JavaScriptでは、基本的に文の終わりには「;」（セミコロン）を付けます。「基本的に」といったのは、もし「;」付けなかった場合は、プログラムの実行時にどこで文が終わっているのかが自動的に解釈されるためです。ちなみに、「;」を付けずに次のように複数の文を書いても、プログラムは正しく実行されます。

window.alert（"ようこそ!"）
document.wrｉte（"JavaScript"）

　でも、あまり気持ちのよいものではありません。エラーにならないとしても、やっぱり文の終わりには「;」を書く習慣を付けておいた方がよいかと思います。

ソースコード内の空白と改行は無視される

　ソースコード内の空白スペースと改行は無視されます。例えば、次のように書くことができます。

　このように、改行やスペースを入れる主な目的は、「ソースコードを読みやすくする」ためです。文の内容によっては、1行がとても長くなることがあります。

　このような場合に、キリのよいところで改行し、続く行の冒頭にスペースを入れて前の行の続きであることがわかるようにすることがあります。

改行が認められないケース

　でも、メソッドに渡す文字列の途中で改行してはいけません。これは、文字列が1つのデータとして扱われるためです。改行は無視されるといいましたが、'〜'または"〜"で囲まれた文字列の途中で改行すると、次の行の文字が前の行の続きなのかどうかが正しく解釈されないためです。

　ただし、計算式のようにそれぞれの文字が意味を持つものであれば、改行することが可能です。

スペースが認められないケース

　スペースは無視されるので、次のように書いてもエラーにはなりません。

　ただし、単語の途中にスペースを入れると、単語自体が正しく解釈できなくなるのでエラーになります。

ソースコード以外はすべてコメントにする

　ソースコードを書く部分には、もちろんソースコード以外を書いてはいけません。これは、プログラムの実行時において、ソースコードを各部分に書かれているものはすべてコードの一部として見なされるためです。

　しかし、唯一の例外があります。それは、ちょっとしたメモ書きなどに使用するコメントです。JavaScriptおけるコメントの書き方には2種類あって、1行で記述するものと複数行で記述するものがあります。このどちらかを使って、ソースコードの自分用のメモやほかの人に伝えるためのメモ書きを残しておくことができます。

1行コメント

　コメントが1行だけなら、冒頭に「//」を付けるだけです。そうすると、プログラムの実行時に、この行に書いてあることは無視されます。

複数行コメント

　「/＊」と「＊/」で囲まれた部分は、改行が入っていたとしてもすべてコメントとして見なされます。これを利用すれば、複数行に渡ってコメントを書くことができます。

　ただし、次のようにソースコードをコメントとした場合、コードの中に「＊/」が含まれていると、この部分までがコメントとして扱われてしまうので注意してください。

<script>
var num = 125;
if (num % 2 == 0) {
  window.alert(num + "は偶数です");
} else {
  window.alert(num + "は奇数です");
}
</script>

書籍紹介

JavaScript Web開発パーフェクトマスター

金城俊哉著
秀和システム　3,672円

JavaScriptは、Webアプリ開発の定番言語です。本書は、JavaScriptの初学者向けにWebアプリ開発に必要なノウハウを、ボトムアップ方式で基礎から応用までやさしく解説します。

若手プログラマーが講師となって、JavaScript未体験のエンジニアに手ほどきをするというペアプロ形式で説明していくので、プログラミングスクールで1対1のレッスンを受けている感覚で読み進めていただけます。開発現場ですぐに役立つ技が満載です！