Front-endJavaScript

함수의 구성 요소- 매개변수(parameter)와 인수(argument), 반환값(return value)

⏱ 읽기 소요 시간: 3 분

함수의 구성 요소

실행 순서

  • 주의할 점: 함수를 정의하는 것만으로는 함수 내부에 있는 코드가 실행되지 않는다.
  • 함수 내부의 코드를 실행하려면, 반드시 함수를 호출해주어야 한다.

매개변수(parameter)와 인수(argument)

  • 매개변수는 변수의 일종이다.
  • 함수 호출 시마다 인수가 매개변수에 대입된다.
  • 주의할 점: 매개변수는 바깥에서 선언된 변수와는 관계없는 독립적인 변수이다.
1
2
3
4
5
6
7
8
9
function say(x) {
  x = "I will get over it soon";
  return x;
}
const y = "Can I get over it?";
const result = say(y);

console.log(result);
//I will get over it soon

  • ex) 함수 호출 시 인수가 들어갈 자리에 변수를 써주고,
    함수 내부에서 매개변수에 새로운 값을 대입한다고 하더라도 인수로 써준 변수의 값이 변경되지 않는다.

  • 매개변수는 let으로 선언한 변수와 비슷하게 동작하지만 미묘하게 다른 점이 있다.

반환값

  • return 구문은 함수의 반환값을 결정한다.
  • return 키워드 바로 다음에 오는 값이 함수 호출의 결과값으로 반환되며,
    반환되는 즉시 함수 실행이 끝난다.
  • return 뒤에 아무 값도 써주지 않거나 아예 return 구문을 쓰지 않을 경우,
    함수는 undefined를 반환한다.

참고 링크

Share