JavaScriptの基本書式と記述ルールまとめ|初心者が知っておくべき注意点を解説
JavaScriptを書くときには、基本的な書式や命名ルール、文字列の扱いなど、知っておくべきポイントがいくつかあります。これらを理解しておくと、エラーを防ぎ、読みやすいコードを書くことができます。
半角文字で記述する
JavaScriptでは、基本的に半角の英数字と、次のような記号を使用します。
{ }(中カッコ)( )(小カッコ)" "(ダブルクォーテーション)' '(シングルクォーテーション)
ただし、文字列として扱う場合は " " や ' ' で囲むため、全角文字も問題なく使用できます。
大文字と小文字は区別される
JavaScriptは大文字と小文字を区別する言語です。たとえば、次の2つは別物として扱われます。
document.write(“こんにちは”);
// 間違い(エラーになる)
document.Write(“こんにちは”);
変数名や関数名も同様で、myDay と myday は別の変数として扱われます。スペルミスには特に注意しましょう。
命名規則(変数名・関数名)
変数名や関数名には、次のルールがあります。
- 使用できる文字:半角英字(a〜z、A〜Z)、数字(0〜9)、
_(アンダーバー)、$(ドル記号) - 先頭に数字は使えない
- 予約語は使用できない
予約語とは、JavaScriptの仕様で特別な意味を持つキーワードのことです。変数名として使うことはできません。
JavaScriptの予約語一覧
| abstract | boolean | break | byte | case | catch | char |
| class | const | continue | debugger | default | delete | do |
| double | else | enum | export | extends | false | final |
| finally | float | for | function | goto | if | implements |
| import | in | instanceof | int | interface | long | native |
| new | null | package | private | protected | public | return |
| short | static | super | switch | synchronized | this | throw |
| throws | transient | try | true | typeof | var | void |
| volatile | while | with |
改行とセミコロン
JavaScriptでは、命令文の区切りに ;(セミコロン)を使います。
- 1行に1つの命令なら省略しても動作する
- 複数の命令を1行に書く場合は必須
例:2つの命令を1行にまとめた場合
逆に、1つの命令が長くなる場合は途中で改行しても問題ありません。
+ document.vlinkColor + “です。”);
数値の扱い
JavaScriptで扱える数値は次のとおりです。
- 整数(例:1、-2)
- 浮動小数点数(例:2.145)
- 16進数(例:
0xff) - 8進数(例:
0から始まる)
文字列の扱い
文字列は " " または ' ' で囲みます。数字であっても、囲めば文字列として扱われます。
タグを文字列として出力する場合も、同様にクォーテーションで囲みます。
t = today.getDate();
document.write(“こんにちは。いいお天気ですね。”);
document.write(‘今日は<b>’ + t + ‘</b>日です。’);
また、write や writeln では、カンマ区切りで複数の文字列を渡すと連結されて出力されます。
論理値(Boolean)
論理値は true(真)または false(偽)で、条件分岐などで使用されます。
その他の値
- null:値が存在しないことを示す
- undefined:値が未定義であることを示す