JavaScriptの関数とメソッドの違いとは？初心者向けにわかりやすく解説

はじめに：JavaScriptで混乱しやすい「関数」と「メソッド」

JavaScriptの用語は、定義が似通っているものが多く、初心者が混乱しやすいポイントの一つです。「メソッド」と「関数」の違いもその代表例と言えるでしょう。

まず、次の2つの事実を押さえておきましょう。

• メソッドは関数の一種である。
• 関数とは、呼び出すことでコードを実行できる仕組みのこと。

つまり、関数とメソッドの違いは「どのように使われるか」という点にあります。

通常の関数（スタンドアロン関数）とは

通常の関数は独立して存在しており、関数呼び出しによってトリガーされて実行されます。

通常の関数の例：

function alertMessage() {
  alert("アラートメッセージが表示されました！")
}

// alertMessage関数を呼び出す
alertMessage()

このように、通常の関数はどこにも属さず、単独で定義され、名前を指定して呼び出すだけで実行できます。

メソッドとは

メソッドとは、オブジェクトのプロパティに割り当てられた関数のことです。

別の言い方をすれば、「オブジェクトのプロパティである関数」こそがメソッドだと定義できます。

メソッドの例：

const blackFridayDeals = {
  sony: 'Playstation 5',
  discountPopup: function () {
    alert(`本日限定！${this.sony}が50%オフ！`)
  },
}

blackFridayDeals.discountPopup()

上記のコード例では、blackFridayDealsというオブジェクトを定義しています。

blackFridayDealsオブジェクトのプロパティの1つがdiscountPopupです。

discountPopupには関数が割り当てられており、これを実行するとalert()によるダイアログが表示されます。ちなみに、alert()自体もJavaScriptに標準で組み込まれているメソッド（ビルトインメソッド）です。

まとめ：関数とメソッドの違い早見表

このように、メソッドも本質的には関数ですが、「オブジェクトに紐づいているかどうか」が最大の違いです。この概念をしっかり理解しておくと、thisキーワードの挙動やオブジェクト指向プログラミングなど、JavaScriptのより深い部分の理解にもつながりますよ。