JavaScriptのキーワード一覧と使い方！初心者が知っておくべき予約語を解説

先生と生徒の会話形式で理解しよう

生徒

「先生、JavaScriptで使っちゃいけない言葉とかあるんですか？」

先生

「あるよ。それは“キーワード”とか“予約語”と呼ばれるもので、JavaScriptで特別な意味を持つ言葉なんだ。変数の名前として使えないんだよ。」

生徒

「どんなキーワードがあるんですか？覚えないといけませんか？」

先生

「まずはよく使うものから覚えていけば大丈夫！初心者が最初に知っておくべきキーワードを紹介していくね。」

1. JavaScriptのキーワード（予約語）とは？

JavaScriptのキーワードとは、あらかじめJavaScriptで特別な意味を持つ単語のことです。

たとえば、「var」や「function」などがキーワードにあたります。

これらの言葉はJavaScriptがすでに使い道を決めているので、変数名や関数名として使うことができません。

2. 初心者がよく使う基本的なキーワード

まずは、JavaScript初心者が最初に出会う代表的なキーワードを紹介します。

var：変数を宣言する
let：より新しい方法で変数を宣言する
const：定数を宣言する（変更できない変数）
function：関数を作るときに使う
return：関数の結果を返す

これらは、JavaScriptでプログラムを書くときによく登場するキーワードです。

3. キーワードの使用例

実際にキーワードを使ったコード例を見てみましょう。


let message = "こんにちは";
console.log(message);

この例では、「let」を使ってmessageという変数を作り、console.logで表示しています。

4. 変数名に使ってはいけないキーワード一覧

以下は、JavaScriptで変数名などに使ってはいけないキーワードの一部です。

break
case
catch
class
const
continue
debugger
default
delete
do
else
export
extends
finally
for
function
if
import
in
instanceof
let
new
return
super
switch
this
throw
try
typeof
var
void
while
with
yield

これらのキーワードを変数名に使うと、エラーになってしまいます。

5. なぜキーワードは使っちゃダメなの？

JavaScriptのキーワードは、すでにJavaScriptが特別な意味を持って使っている言葉だからです。

たとえば「function」というキーワードは、「これから関数を作るよ」という意味があるので、勝手に名前に使ってしまうと、JavaScriptが混乱してしまいます。


// これはエラーになります
let function = "テスト";

このように、意味が重なると正しく動かなくなるのです。

6. 「予約語」と「将来のキーワード」

JavaScriptには「今は使われていないけど、将来使われる予定」の予約語もあります。

たとえば次のようなものです：

enum
implements
interface
package
private
protected
public
static

これらも変数名や関数名に使わないほうが安全です。

7. キーワードの使い方で覚えておきたいこと

キーワードはJavaScriptの基本中の基本です。次のようなポイントを覚えておきましょう。

キーワードは文法の部品だと思って使う
変数名には使わない
似たような言葉に見えても意味が違うので注意（例：varとvalueは違う）

無理に全部を覚えなくても、使ううちに自然と覚えていけるので安心してください。

まとめ

JavaScriptのキーワードや予約語について振り返ると、これらの言葉は単に「使えない名前」というだけでなく、JavaScriptという言語そのものを動かすための大切な部品であることが分かります。変数名や関数名として自由に名前をつけられる一方で、キーワードは特別な役割を持つため、誤って使ってしまうとエラーの原因になったり、思わぬバグにつながったりします。特に、初心者がよく触れる「let」「const」「var」「function」「return」といったキーワードは、どれもプログラムを書く上で何度も登場する基本的な要素であり、正しく理解して使うことが重要です。また、変数名に使ってはいけないキーワード一覧を見ると、JavaScriptの内部で活躍している言葉がたくさん含まれています。「break」や「case」「catch」などは条件分岐や例外処理に使われ、「class」「extends」はオブジェクト指向の仕組みに関係しています。そして「return」は関数の結果を返すための重要な構文です。こうした言葉を誤って変数名に使ってしまうと、JavaScriptはどの意味で使われているのか判断できなくなってしまうため、プログラムは正しく動きません。さらに、「将来使われる予定の予約語」も存在し、「enum」「private」「public」「static」などは今後の仕様拡張で使用される可能性が高く、安全にコーディングするためには避けておく方が良いとされています。JavaScriptは常に進化している言語であり、新しい機能が増えるたびに使える名前が変わることもあるため、普段からキーワードに注意しながら記述する習慣が大切です。ここではより理解を深められるように、記事内容を踏まえたシンプルなサンプルコードを用いながら、キーワードの重要性を改めて整理してみます。コードの中では、予約語を避けて名前を付けたり、正しいキーワードを使って処理を構築したりすることがいかに自然に行われているかが確認できます。

キーワードを活用したサンプルプログラム


// 正しくキーワードを使い変数と関数を定義する例
let message = "ようこそJavaScriptの世界へ";

// 挨拶を返す関数
function greet(text) {
  return "メッセージ：" + text;
}

console.log(greet(message));

このサンプルでは、キーワードである「let」「function」「return」が自然に組み込まれています。「message」という変数名はキーワードに該当しないため問題なく使えていますが、もしここで「class」や「delete」などを変数名として使用すると、間違いなく構文エラーとなります。JavaScriptにおけるキーワードは文法そのものであり、適切に理解することでプログラム全体の品質が向上し、ミスを大幅に減らすことができます。また、キーワードを知っているとコードリーディングもスムーズになり、他人が書いたプログラムの意味や動作も理解しやすくなります。 JavaScriptを学び始めたばかりの段階では、予約語の一覧をすべて暗記する必要はありませんが、よく使うものから順に覚えていくと自然と理解が深まっていきます。特に、「let」「const」「function」、そして「return」などはどのプログラムでも頻出するため、これらの意味や使い方を繰り返し確認しておくと良いでしょう。また、キーワードと紛らわしい単語（たとえば「var」と「value」のように似ているもの）を間違えないように注意することも大切です。見た目が似ているだけで意味はまったく違うため、スペルの理解も欠かせません。こうした意識を持ちながらコードを書いていけば、自然とJavaScriptの基礎力が身に付き、より複雑な処理や応用的な記述にも対応できるようになります。

先生と生徒の振り返り会話

生徒

「今日の記事でキーワードがどれだけ大事かよく分かりました。変数名に使えない理由も納得です！」

先生

「うん、キーワードはJavaScriptの文法を支えるとても重要な仕組みだからね。特別な役割を持っているから名前としては使えないんだよ。」

生徒

「たしかに、もし『function』を変数名にしたらどっちの意味なのか分からなくなりますもんね。予約語の一覧も参考になりました！」

先生

「その通り。よく使うものから少しずつ覚えていけば自然と身についてくるよ。これから条件分岐やループを学ぶときも、今回のキーワードがたくさん登場するから楽しみにしていてね。」

生徒

「はい！次のステップもがんばれそうです！」

現役テックリードが直接指導【JavaScript実践実践セミナー】

Vanilla JSから始めるモダンJavaScript実践講座｜ES6+とDOM操作の完全理解

累計120万PV超の専門メディアが監修。商用フロントエンド開発の「設計の型」を最短習得。

ブラウザを操る。モダンJavaScript（ES6+）の基礎とDOM操作の真髄。

本講座では、ReactやVue.jsといったフレームワークの土台となるJavaScriptの本質を学びます。ライブラリに頼らず、ブラウザ上で何が起きているのかを理解することで、デバッグ能力と実装スピードを劇的に向上させます。最新のES6以降のモダン記法や、実務で必須となるイベント駆動設計を60分で濃縮体験します。