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：値が未定義であることを示す
JavaScript 初心者におすすめの学習書籍
書籍で学ぶのが向いている人
- 紙の本でじっくり読み込みたい
- 体系的にまとまった教材で学びたい
- ネット記事だけだと情報が断片的に感じる
JavaScriptは「文法 → DOM → イベント → 非同期処理」という順で学ぶと理解しやすいです。
以下の書籍はこの流れに沿って学べるため、初心者でも挫折しにくい構成になっています。
いちばんやさしい JavaScript の教本
手を動かしながら JavaScript を学びたい方には、初心者向けにやさしく解説された実践型の入門書があります。
実際に動くサンプルを使って学べるため、基本をしっかり身につけたい方に最適です。
この本で解決できること：
- JavaScriptの基本文法をやさしく理解できる
- 手を動かしながら学べるため、挫折しにくい
- 「まず動くものを作ってみたい」が実現できる
確かな力が身につくJavaScript「超」入門
JavaScriptの基礎を体系的に学びたい方には、こちらの書籍がとても分かりやすくおすすめです。
初心者がつまずきやすいポイントを丁寧に解説している入門書です。
この本で解決できること：
- JavaScriptの基礎を体系的に学び直せる
- 初心者がつまずきやすい部分を重点的に理解できる
- 実務で使えるレベルの基礎力を身につけられる
体系的に学びたい方へ（スクールという選択肢）
独学の限界を感じやすいポイント
- エラーの原因が分からず、調べても解決できない
- 学習の順番に自信が持てない
- モチベーションが続かず、途中で止まってしまう
- 実務レベルのコードレビューを受ける機会がない
こういった悩みが増えてきたら、「質問できる環境」や「学習ロードマップを一緒に考えてくれる人」がいるだけで、学習効率は大きく変わります。
無料相談で得られるメリット
- あなたの現在のレベルに合わせた学習ロードマップを作成してくれる
- 独学で詰まりやすいポイントを事前に教えてくれる
- 学習方法の改善点をプロがアドバイスしてくれる
- エンジニア転職を考えている場合、キャリア相談も可能
JavaScript を独学で学んでいると、「もっと効率よく理解したい」「プロに質問しながら進めたい」と感じる方も多いです。
そのような方には、未経験からエンジニアを目指せる DMM WEBCAMP の学習コースも選択肢のひとつです。
無料相談では、学習ロードマップの作成やキャリア相談など、独学では得られないサポートを受けられます。
まとめ｜JavaScriptの基本書式を理解してエラーを防ごう
JavaScriptの基本書式や命名規則、文字列・数値の扱いを理解しておくことで、エラーを防ぎ、読みやすいコードを書くことができます。
初心者の方は、まず今回紹介したポイントを押さえながら、実際にコードを書いて慣れていくのがおすすめです。
