{category}

JavaScript - パラメータと引数

パラメータ

関数

意味 関数が受け取り、使用する変数


パラメータとは?

関数を定義するときに使用される変数。この変数には、関数が呼び出される際に渡される値(引数)が格納される。

パラメータの具体的な使い方

パラメータを使用した関数の定義と呼び出し

function greet(name, age) {
  console.log(`こんにちは、${name}さん!あなたは${age}歳ですね。`);
}

greet('田中', 25);
greet('佐藤', 30);

👇出力結果

こんにちは、田中さん!あなたは25歳ですね。
こんにちは、佐藤さん!あなたは30歳ですね。

この例では、greet関数が2つのパラメータ(nameとage)を受け取り、それらを使って挨拶文を生成します。関数を呼び出す際に、実際の値(引数)を渡しています。

オプショナルパラメータの使用例

function introduce(name, age, job = '学生') {
  console.log(`私は${name}です。${age}歳で、${job}をしています。`);
}

introduce('山田', 22);
introduce('鈴木', 28, 'エンジニア');

👇出力結果

私は山田です。22歳で、学生をしています。
私は鈴木です。28歳で、エンジニアをしています。

この例では、introduce関数の第3パラメータ(job)にデフォルト値を設定しています。引数が省略された場合はデフォルト値が使用されます。

パラメータに関するよくある質問

Q. パラメータと引数の違いは?
A. パラメータは関数定義時に使用される変数で、引数は関数呼び出し時に渡される実際の値です。パラメータは関数の「レシピ」、引数は実際の「材料」と考えることができます。
Q. 複数のパラメータを設定できる?
A. はい、関数には複数のパラメータを設定できます。カンマで区切って定義します。例:function example(param1, param2, param3) { ... }
Q. パラメータに型を指定できる?
A. JavaScriptでは直接パラメータの型を指定することはできませんが、TypeScriptを使用すると型を指定できます。また、関数内で型チェックを行うことも可能です。

パラメータが学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか?
プログラミング単語帳には、JavaScriptのパラメータやfunction、名前付き関数、デフォルトパラメータ、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。

1日5分の暗記でプログラミンが身に付く!プログラミング単語帳 公式ストアで発売中!

HTML編、CSS編、JavaScript編、PHP編、Ruby編、その他単語編の6シリーズ分が公式ストアにて販売中です。気になった方はぜひ購入してみてください。


JavaScriptを学べる「プログラミング単語帳」アプリ

プログラミング単語帳がアプリになりました!JavaScriptはもちろん、10種類のプログラミング言語の中から、よく使われる単語をスマホで学習できます。

収録単語は2,000単語以上!
現在は、HTML、CSS、JavaScirpt、PHP、Laravel、Ruby、Python、MySQL、Linux、など10カテゴリーの単語帳が1つのアプリに収録されています。

いつでも、どこでも、隙間時間を有効活用して、プログラミングを効率的に学べるので、ぜひダウンロードしてみてください。

2024年7月アップデート情報:「Laravel」カテゴリーが追加されましました!

2024年8月アップデート情報:「MySQL」「Linux」カテゴリーが追加されましました!


関連するそのほかの単語

function

処理のまとまりを定義

種類: 基本的な関数の構造

名前付き関数

名前がある関数

種類: 関数の種類

デフォルトパラメータ

初期値を持つパラメータ

種類: パラメータと引数

undefined

値を持っていない

種類: プリミティブ型

バブリングフェーズ

イベント伝播の最後

種類: イベントの伝播