본문 바로가기
프로그래밍/Javascript

JavaScript 기초 : 추상화 4. 함수 옵셔널 파라미터

by 조크리 2020. 9. 7.
반응형

4. 함수 파라미터 

 

파라미터가 있는 부분에 아무 값도 쓰지 않고 함수를 호출하는 경우에는 undefined 값이 나온다.

아래 그림처럼 t라는 변수에 아무것도 쓰지 않고 t변수를 출력할 때에도 undefined 값이 나오고

Hello라는 함수에 return 문이 없어서 이 함수를 출력하니 undefined 값이 나왔다. 

 

 

 

하지만 파라미터에 기본 값을 정하는 방법이 있다. 

 

바로 옵셔널 파라미터이다.

 

 

4-2. 함수 옵셔널 파라미터 

 

함수를 호출 할 때 파라미터 값을 전달해도 되고 생략해도 되니까 선택적으로 전달을 받는다고 해서

이런 파라미터를 옵셔널 파라미터라고 부른다. 

 

linge10 콘솔 출력 모습

 

nationality 에 한국이 기본적으로 들어 있기 때문에 

introduction('James', 20);으로 함수를 호출 했을 경우

따로 파라미터 값을 넣지 않아도 한국 사람이라고 출력이 된다. 

 

옵셔널 파라미터를 사용할 때 주의할 점은 옵셔널 파라미터 부분은 파라미터에서 맨 마지막에 들어가야 한다는 것이다!

왜냐하면

옵셔널 파라미터가 앞이나 중간에 끼어 있으면 순서가 밀려버리는 문제가 발생하기 때문이다.

 

line10 호출 모습 : 옵셔널 파라미터 순서가 밀림

20이 국적으로 전달되고 나이는 파라미터 값이 없다고 인식하여 undefined가 출력되었다. 

 

따라서 옵셔널 파라미터를 쓸 때에는 꼭 맨 뒤에 써야한다!

 

옵셔널 파라미터를 왜 맨 끝에 써야하는지 잘 이해가 안갔는데 이제 좀 이해가 간다! 

 

 

 

다음에는 변수에 대해 정리해보자! 

반응형