引数と戻り値 ― 受け取り、返す

導入

関数に値を渡す（引数）と、結果を受け取る（戻り値）ができると、同じ処理をいろいろなデータで使いまわせます。

説明

カッコの中に引数名を書き、呼ぶときに値を渡します。return で値を返せます。

function add(a, b) {
  return a + b;
}

const result = add(3, 5);
console.log(result);       // 8
console.log(add(10, 20));  // 30

引数にはデフォルト値を付けられます。渡されなかったときに使われます。

function greet(name = "ゲスト") {
  console.log(`こんにちは、${name}さん`);
}

greet("太郎");  // こんにちは、太郎さん
greet();        // こんにちは、ゲストさん

return した時点で関数は終了します。その後ろのコードは実行されません。

function abs(n) {
  if (n < 0) return -n;
  return n;
}
console.log(abs(-5));  // 5
console.log(abs(3));   // 3

やってみよう

add にいろいろな数を渡したり、デフォルト引数付きの関数を自分で作ったりしてみましょう。

演習

double(n) という関数を定義し、引数を2倍した値を return してください。double(7) の結果を表示します。