ES6 - Default Values

자바스크립트가 es6로 넘어오면서 기본값 함수 매개변수(default function parameter)를 사용하면 값이 없거나 undefined일 경우 이름 붙은 매개변수를 기본값으로 초기화 할 수 있게 되었다.

 

mutiply라는 함수에 a, b 두개를 매개변수로 주고  함수를 실행시

인자가 하나만 들어가거나 아에 안들어가는 상황이 생기면 NaN이 리턴되었다

default값이 없었던 시절에는 저걸 해결할 방법이 있었나 모르겠지만 

es6에서는 위처럼 a= 2, b= 3이라는 기본값을 주고

만약 인자가 정상적으로 두개가 들어온다면 들어온 인자값으로 return 구문을 실행하지만

만약 위처럼 5하나만 들어온다면 b의 default값인 3이 기본 인자로 전달 되어

5 * 3이 리턴된다.

 

mdn을 살펴보자

javascript에서 함수의 매개변수는 undefined가 기본이다. 그러나, 일부 상황에서는 다른 기본 값을 설정하는 것이 유용할 수 있다.

과거에는 기본값 설정을 위한 일반적인 방법은 함수 내부에서 매개변수 값을 검사해 undefined 인 경우 값을 할당 하는 것이었다.

이렇게 함수 내부에서 b의 타입이 undefined라면 b에 1을 할당하는 코드를 써주고 해결했다.

 

mdn을 읽던중 

 

기본인수가 있을시 함수에 undefined를 넣더라도 인수의 갑은 설정한 기본값이다.

그러나 다른 null 같은 falsy values를 전달하면 null이 리턴 된다.

 

기본 인수는 호출 시에 평가된다. 함수가 호출될 때마다 새로운 객체가 생성된다.

 

앞쪽 매개변수는 뒤쪽 매개변수의 기본값에 사용 할 수 있다.

developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/Default_parameters

기본값 매개변수 - JavaScript | MDN