JavaScript_02. 문법_03_Default Function Parameter

※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다.

https://www.yes24.com/Product/Goods/105608999

바닐라 자바스크립트 - 예스24

 

 

 만약 파라미터가 함수 내에서 특정 기능을 구현하기 위해 반드시 값이 필요한 상태라면, 함수를 호출하는 곳에서 파라미터 값을 전달하지 못해서 에러가 발생한다. 이런 상황을 피하고자 함수 내에서는 함수를 호출할 때 파라미터에 값이 전달되었는지를 확인하는 코드를 구현해서 사용해야 한다.

 

 Default Function Parameter는 함수 호출 시 파라미터가 전달되지 않았을 때 사용할 기본값을 설정하는 기능이다. 이렇게 하면 함수를 호출하는 곳에서 파라미터 값을 전달했는지 여부를 함수 내에서 일일이 확인할 필요가 없게 되고, 파라미터 값이 전달되지 않아 생기는 함수 오류를 미리 방지할 수 있다.

 

 

See the Pen JavaScript_02. 문법_03_Default Function Parameter by dk k (@dk-k) on CodePen.

결과

 

예제 코드에 대한 설명

 

 함수를 호출할 때 함수의 파라미터인 message 값을 전달하지 않으면, 함수 내에서 message는 undefined가 된다.

 

● undefined

값을 할당하지 않은 변수

 

 변수를 선언하고 js로 원하는 값이 들어가도록 설정해주지만 값이 할당되기 전에 이벤트가 실행되어서 해당 변수에 접근하면 자주 볼 수 있다..