Default Values

es6에서 function에 추가된 것.

 

Default Values. 기본 값은 많은 사람들이 필요로 했던 것.

왜냐면 시간을 줄여주기 때문.

 

기본 값은 arrow function뿐만 아니라, 일반함수에 적용 가능.

 

 

See the Pen 200917-1 by hwd3004 (@hwd3004) on CodePen.

Hello aaa가 출력. 여기까지는 이상 없음.

 

그런데 유저가 자기 이름을 입력 안하면?

 

See the Pen 200917-2 by hwd3004 (@hwd3004) on CodePen.

Hello undefined가 뜸.

 

return 'Hello ' + (aName || ' anon'); 을 하는 방법이 있지만 default value를 이용한 방법이 있음.

 

 

 

 

See the Pen 200917-3 by hwd3004 (@hwd3004) on CodePen.

sayHi 함수의 arguments에 aName = 'anon'을 하는 것.

값을 넣지 않았다면, aName은 'anon'을 사용함.

이걸 원하는 argument만큼 다 사용할 수 있음.

 

 

 

 

 

See the Pen 200917-4 by hwd3004 (@hwd3004) on CodePen.

애로우 함수로 바꾼 것.

anon 대신에 변수를 사용할 수 있으며, 배열, 객체도 가능.