default 파라미터 알아보기
JavaScript 관련 글입니다.
- JS Event Loop, 자바스크립트 동작 원리
- 호이스팅이란 , var, let, const 차이
- Three.js에 대해
- script, script async, script defer의 차이
- AJAX가 무엇일까?
- 함수선언식과 함수표현식
- null과 undefined의 차이 간단정리
- setTimeout과 setInterval 요약
- this의 여러가지 의미
- Spread Operator(...)?
- JS class Constructor
- ES6 Destructuring Syntax
- default 파라미터 알아보기
- import / export 를 사용한 모듈식 개발방법
- Optional Chaining (?.)
- 프로미스(Promise)에 대해서
- ES8 - async / await
- Symbol 자료형?
- forEach, for in, for of 알아보기
- JSON형식 변환 방법 - JSON.parse(), JSON.stringify()
- 자바스크립트 가비지 컬렉션
- 화살표 함수와 일반함수의 차이
- JavaScript Array.reduce() 간단히 알아보기
이번 글에서는 default 파라미터에 대해 정리해보겠습니다.
사실 이 내용은 너무 간단한 내용입니다.
default 파라미터
function sum(a, b) {
console.log(a + b);
}
예시에서 sum 이라는 함수를 정의하였습니다. a와 b의 두개의 파라미터를 받고 있고 두 값을 더하여 콘솔에 출력해주는 함수입니다.
sum(1,2);
함수를 만들어서 테스트해보니 3이라는 결과가 잘 나옵니다. 그런데 만약 실수로 인자를 하나 넣지 않는다면 어떻게 될까요?
sum(1);
이렇게 하나의 숫자를 넣고 실행했더니 NaN이 나왔습니다. 이렇게 값을 하나 빼먹었는데도 에러가 발생하지 않고 있습니다. 이런 경우 파라미터의 default값을 지정할 수 있습니다.
function sum(a, b = 0) {
console.log(a + b);
}
파라미터 옆에 등호를 붙여서 0이라는 값을 작성해주면 해당 파라미터의 값이 없을 경우 기본값으로 0을 대입해줄 수 있습니다. 그래서 sum(1); 과 같이 함수를 실행해도 1 + 0으로 1이 출력되게 할 수 있습니다.
default 파라미터는 기본값을 지정할 때 일반적인 값을 지정해줄 수도 있지만, 연산이나 함수도 지정가능합니다.
function sum(a, b = a * a) {
console.log(a + b);
}
sum(2);
b의 기본값을 a * a로 해줬더니, sum(2)의 결과가 2 + 2*2 로 6이 출력되었습니다.
End.