とは.png)
JavaScriptにおけるfunction()とは？
JavaScriptでWebサイトやウェブアプリケーションに動きをつけたり、動的な処理を加えたりするためには、プログラムを書く必要があります。そのプログラムの基本となる要素の一つが「関数(function)」です。この記事では、JavaScriptにおける`function()`について、具体的な例を交えながら解説していきます。
関数(function)の基礎
関数(function)とは、一言でいうと「様々な処理を1つにまとめて、名前をつけることができるもの」です。料理のレシピに例えると、レシピ自体が関数、材料が引数、完成した料理が戻り値と考えることができます。例えば、「カレーを作る」という関数があるとします。この関数は、肉、野菜、カレールーなどの材料（引数）を受け取り、調理という処理を行った結果、カレーという料理（戻り値）を返します。
JavaScriptでは、関数は以下の様な構文で定義します。
function 関数名(引数1, 引数2, ...) {
// 処理内容
return 戻り値; // 戻り値は省略可能
}
具体的な例を見てみましょう。例えば、2つの数値を足し算する関数`add()`は、以下のように定義できます。
function add(a, b) {
return a + b;
}
この関数`add()`は、引数として2つの数値（`a`と`b`）を受け取り、それらを足し算した結果を戻り値として返します。関数を呼び出すには、関数名に続けて括弧`()`を付け、その中に引数を渡します。
let result = add(3, 5); // resultには8が代入される
console.log(result); // コンソールに8が表示される
関数を用いるメリット
関数を用いることには、多くのメリットがあります。
| メリット | 説明 |
|---|---|
| コードの再利用性向上 | 一度定義した関数は、プログラムのどこからでも何度でも呼び出すことができます。これにより、同じ処理を何度も書く必要がなくなり、コードの重複を減らすことができます。 |
| コードの可読性向上 | 複雑な処理を関数にまとめることで、プログラム全体の構造が分かりやすくなります。また、関数名によって処理内容を推測できるため、コードの可読性が向上します。 |
| バグ発生率の低下 | 処理が関数として独立しているため、特定の関数に問題があった場合でも、他の部分に影響を与えにくくなります。また、修正もその関数内だけで済むため、バグ発生率の低下に繋がります。 |
様々な関数の定義方法
JavaScriptでは、上記で紹介した方法以外にも、様々な方法で関数を定義することができます。
関数式
const add = function(a, b) {
return a + b;
};
アロー関数
const add = (a, b) => a + b;
まとめ
この記事では、JavaScriptにおける`function()`について解説しました。関数は、プログラムを効率的に開発していく上で欠かせない要素です。この記事を参考に、JavaScriptの関数をマスターしてください。
参考資料
よくある質問
Q1. 関数の中で定義した変数は、関数の外から参照できますか？
A1. いいえ、参照できません。関数の中で定義した変数は、その関数内でのみ有効な「ローカル変数」となります。
Q2. 関数は、別の関数の引数として渡すことはできますか？
A2. はい、可能です。関数を別の関数の引数として渡すことを、「コールバック関数」と呼びます。
Q3. 関数を作成する際に、引数や戻り値は必須ですか？
A3. いいえ、必須ではありません。引数や戻り値がない関数も作成できます。その場合は、関数の定義時に引数リストを空にするか、`return`文を省略します。
その他の参考記事:JavaScript関数