본문 바로가기
Javascript

Javascript - Default Function Parameter

by DGK 2021. 9. 27.

 

인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다.
개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다.

 

Default Function Parameter

 

  • Default Function Parameter 란?
함수의 전달 인자가 없는 경우, Default Function Parameter가 이를 대신한다.

<기본 개념>
//EcmaScript 6버전의 Default Function Parameter 기능을 사용하지 않는 경우

function say(message){

	if(message != undefined){
	console.log(message);
	}else{
	console.log("파라미터가 넘어오지 않았어요.");
	}
 
 }

say("안녕하세요");		// 결과 : 안녕하세요     
say();			// 결과 : 파라미터가 넘어오지 않았어요.



//EcmaScript 6버전의 Default Function Parameter 기능을 사용하는 경우

function say(message="파라미터가 넘어오지 않았어요."){

	console.log(message);
      
 }

say("안녕하세요");		// 결과 : 안녕하세요
say();			// 결과 : 파라미터가 넘어오지 않았어요.


//위의 경우, say( ) 함수의 파라미터인 message="파라미터가 넘어오지 않았어요."가
//Default Function Parameter가 된다.

//즉, 함수를 실행할 때 전달인자가 있으면 그 값을 파라미터에 전달하고(일반적인 경우)
//만약 함수를 실행할 때 전달인자가 없으면 미리 설정한 Default Function Parameter
//값을 기본 값으로 적용한다.


<활용 예시>

//일반적인 경우 - Default Function Parameter 값 설정

function plus(x, y=1){

	console.log(x+y);
 
 }

plus(4, 2);	 //6 : x=4, y=2



//함수의 전달인자가 부족한 경우 - Default Function Parameter 값 설정

function plus(x, y=1){

	console.log(x+y);
            
 }

plus(4);	//5 : x=4, y=1(Default Function Parameter : y=1)

'Javascript' 카테고리의 다른 글

Javascript - Arrow Function  (0) 2021.09.30
Javascript - Rest Parameter  (0) 2021.09.30
Javascript - Scope  (0) 2021.09.27
Javascript - this 키워드  (0) 2021.09.27
Javascript - 크롬 개발자 도구  (0) 2021.09.22

댓글