関数を使用するときの注意点

1. return

関数内でreturnキーワードを使用することは、returnの後に作成されたコンテンツが関数の外に戻ることを意味するが、returnキーワードを使用すると関数が終了することを意味する.
したがって、returnキーの後に作成されたコンソールコードは次のように実行されません.

function sum(x, y) {
  return x+y
  console.log(x)  
}

sum(1,3)

これらのプロパティは、次のように条件文にも使用できます.

function sum(x, y) {
  if(x<2) {
    return
  } else {
    return x + y
  }
}

sum(7,3)

2. arguments

関数では、パラメータを指定することなく、argumentsという特定のオブジェクトを使用できます.argumentsは、関数内でいつでも使用できるように設計されています.

function sum() {
  console.log(arguments)
  return
}

console.log(sum(7,3))

▼Arguments(2)
  0: 7
  1: 3
  ▶callee: ƒ sum()
  length: 2
  ▶Symbol(Symbol.iterator): ƒ values()
  ▶[[Prototype]]: Object

確認すると、argumentsオブジェクトは、関数の実行時に引数としての値が配列形式で存在するかどうかをチェックします.
したがって、以下の方法で10を出力できます.

function sum() {
  console.log(arguments)
  return arguments[0] + arguments[1]
}

console.log(sum(7,3))

※argumentsはいつご利用になりますか?
関数を実行するときに実行されるパラメータが多すぎて、パラメータを指定できない場合は、argumentsオブジェクトを使用します.
ただし、arguments[0] + arguments[1]のようなコードは直感的ではないので、以下の名前の引数が何であるかを明確にすることをお勧めします.

function sum(x, y) {
  return x + y
}
console.log(sum(7,3))