JavaScriptで関数を定義する基本の方法をわかりやすく解説

JavaScriptで関数を定義する最も一般的な方法は、functionキーワードを使うことです。関数名、引数（パラメータ）のリスト（空でも可）、そして波括弧 { } で囲まれた処理ブロックを組み合わせて記述します。

関数定義の基本構文

基本的な構文は以下のとおりです。

<script>
  function 関数名(引数リスト) {
    処理文
  }
</script>

具体的な例：sayHello関数

次の例では、引数を受け取らない「sayHello」という関数を定義しています。この関数を呼び出すと、アラートで「Hello World!」というメッセージが表示されます。

<script>
  function sayHello() {
    alert("Hello World!");
  }
</script>

関数の呼び出し方

定義した関数は、HTML内から呼び出すことができます。たとえば、ボタンがクリックされたときに実行するには、以下のように記述します。

<input type="button" onclick="sayHello()" value="クリックしてね" />

このように、onclick属性の中に関数名を書くだけで、ユーザーの操作に応じて関数を実行できます。

ポイントまとめ

• 関数の定義には function キーワードを使用する
• 引数は不要な場合、括弧内を空にできる
• 処理内容は波括弧 { } の中に記述する
• 定義した関数はイベントハンドラなどから呼び出せる

関数を活用することで、同じ処理を何度も書く必要がなくなり、コードの再利用性と保守性が大きく向上します。まずはシンプルな関数から試してみましょう。