JavaScript の関数 (function) とメソッド (method) の違いについてご紹介します。

背景 JavaScript で一度は疑問に思う関数とメソッド

JavaScript 初学者から必ず質問がある、関数 (function) とメソッド (method) の違いについてサクッと説明するための参考情報をまとめました。

まず、以下の記事をご一読ください。

• JavaScriptの関数とメソッド：CodeZine（コードジン）

JavaScript 関数 function について

JavaScript 関数 function を理解するために MDN の以下の記事を読みましょう。

• 日本語: 関数 - JavaScript | MDN
• 英語: Functions - JavaScript | MDN

JavaScript メソッド method について

JavaScript メソッド method を理解するために MDN の以下の記事を読みましょう。

• 日本語: メソッド定義 - JavaScript | MDN
• 英語: Method definitions - JavaScript | MDN

this の参照先が違う

最後に、気になる関数とメソッドの使い分けで this の参照先が違う というのが大きな点です。以下の記事が分かりやすいので、よく理解できてない方はぜひご一読ください。

• テックノート – JavaScriptの関数とメソッドの違いについて
• JavaScript の this を理解する多分一番分かりやすい説明 - Qiita

以上、JavaScript の関数とメソッドの違いを説明する資料をまとめた、現場からお送りしました。