関数とメソッド

youtu.be

関数とは？

関数とは、

与えられた値に何らかの処理をして返すしくみのことです。

同じ処理を一箇所にまとめておくことで、プログラミングがスッキリし、不具合も少なくなり、変更も簡単になります。

JavaScriptの関数は以下のように記載します。

function 関数名(引数1, 引数名2, 引数3) {
  // なんらかのしょり
  return 戻り値
}

関数を呼び出す時は以下のように記載します

関数名(引数)

例) "さん"をつけて返す関数

function addSan(name) {
  return name + 'さん'
}
console.log(addSan('鈴木'))
console.log(addSan('佐藤'))
console.log(addSan('山田'))
console.log(addSan('田中'))

function addSan(name) {
  return name + '様'
}
console.log(addSan('鈴木'))
console.log(addSan('佐藤'))
console.log(addSan('山田'))
console.log(addSan('田中'))

アロー関数

JavaScriptでは、以下のようなファンクションを

function exec(){

}

こんな形で関数を記載することができます

const exec = () => {

}

メソッドとは？

メソッドとは「クラス」という機能のまとまりに紐付いた関数のことです。メソッドには２種類があります。

スタティックメソッド(クラスメソッド)

クラスメソッドは、上記の通常の関数と同じ使い方です。クラス名は「グループ」と捉えて大丈夫です。

クラス名.メソッド名()

例)

Math.round(1.8)

Math (= 算数)クラスは、数字の操作をするメソッドが集まっているクラスです。

developer.mozilla.org

プロトタイプメソッド(インスタンスメソッド)

プロトタイプメソッドは、変数や定数に対しての操作をするメソッドです。 変数に対して処理を行うことができます。変数は既にパラメータを持っているので、引数のないメソッドもあります。

変数.メソッド名()

例)

const str = "ABCdeFG"
// 文字列を小文字にして返すメソッド
str.toLowerCase()

const str = "ABCdeFG"
// 文字列を切り出して返すメソッド
str.substr(2,3)