매개변수가 없는 함수를 만들고 여러 곳에서 호출하여 사용하다가
함수 내부 로직을 수정하는데 함수 호출 시 매개변수를 빋아 그 값을 기준으로 분기하여
로직을 처리해야 한다면, 이미 작성한 함수 호출 구문들에 인자값을 넣어줘야 한다.
혹은 특정 상황 에서 호출 시 구분하기 위해 매개변수가 필요한 경우라면
나머지 함수 호출 시에 굳이 인자값을 넣어줄 필요가 없는 경우도 있을 것 이다.
이럴 때 특정 상황에서만 함수 호출 시 인자값을 주고 싶다면
함수 정의 시 매개변수의 기본값을 지정하여 상황에 맞게 활용 할 수 있다.
/* 예시 : 매개변수의 기본 값을 설정하여 함수를 정의 */
function testFunc(type = 'default') {
if(type === 'default'){
// 매개변수 없이 함수 호출 or 매개변수 값 'default' 로 함수 호출 시 실행 할 로직
}else{
// 매개변수를 입력하여 함수 호출 & 매개변수 값이 'default' 값이 아닐 경우 실행 할 로직
}
}
testFunc(); // 전달 인자 없이 함수 호출 => else 블록의 구문 실행
testFunc('test'); // 전달 인자로 'test'를 주며 함수 호출 => if 블록의 구문 실행
*함수 매개변수의 기본값을 지정하는 기능은 ECMAScript 2015 (ES6)부터 추가.
'JavaScript' 카테고리의 다른 글
jQuery 제이쿼리 .eq() 메서드 => 순수 JavaScript (바닐라JS) 방식으로 대체 (0) | 2023.08.12 |
---|---|
JS .map() / JavaScript .map() / 자바스크립트 배열 메서드 / 자바스크립트 .map() 메서드 (0) | 2023.07.23 |
JavaScript 자바스크립트 객체의 key 존재여부 확인하기 (0) | 2023.06.25 |
JavaScript 자바스크립트 객체명.key로 value에 접근시 key에 '.' (점)이 포함되어 있는 경우 (0) | 2023.06.17 |
JavaScript select 자바스크립트 셀렉트박스 제어 (옵션 값 변경 감지, 선택된 옵션 value & text 값 얻기, change 이벤트 강제 발생) (0) | 2023.06.10 |
최근댓글