メソッドと関数の違いとは？JavaScriptのサンプルコードでわかりやすく解説

メソッドと関数は同じもの？

結論から言うと、メソッド（method）と関数（function）は本質的に同じものであり、呼び方が異なるだけです。オブジェクト指向プログラミングの世界では、プロシージャや関数のことを「メソッド」と呼ぶのが一般的です。

関数とは何か

関数とは、プログラム内のどこからでも呼び出すことのできる、再利用可能なコードのまとまりです。同じ処理を何度も書き直す必要がなくなるため、コードの重複を防ぎ、プログラマーがモジュール化された読みやすいコードを書く上で大きな助けとなります。

JavaScriptにおける関数の基本構文

以下は、JavaScriptで関数を定義する際の基本的な構文です。

<script type="text/javascript">
   <!--
      function functionname(parameter-list) {
         statements
      }
   //-->
</script>

関数定義の具体例

次に、実際の関数定義の例を見てみましょう。この例では「sayHello」という名前の関数を定義しており、呼び出されるとアラートで挨拶メッセージを表示します。

<script type="text/javascript">
   <!--
      function sayHello() {
         alert("Hello there");
      }
   //-->
</script>

メソッドと関数の違いのポイント

実務上の使い分けとして覚えておきたいのは、次の点です。
・関数：独立して存在し、名前を指定して直接呼び出すことができる
・メソッド：オブジェクトに紐づいており、そのオブジェクトを通じて呼び出される
たとえばJavaScriptでは、object.methodName() のようにオブジェクトに対して呼び出すものがメソッドに該当します。この違いを理解しておくと、オブジェクト指向の設計がよりスムーズになります。