[JS]단축 평가 비교, default parameter

김정현·2022년 9월 12일

개념 정리

목록 보기
6/9
post-thumbnail

단축 평가

||와 &&를 if문의 조건식 밖에서 사용하면,
boorean값이 아닌, 논리 연산의 결과를 결정한 요소의 값을 반환한다

따라서 변수의 값이 null 또는 undefined일 경우,
null이나 undefined의 속성에 접근하여 발생하는 타입 에러를
단축평가를 활용하여 방지할 수 있다


|| (or)

좌항이 truthy값이라면 좌항을 반환한다
좌항이 falsy값인 경우 우항을 반환한다

?? (null 병합 연산자)

좌항이 null, undefined인 경우에만 우항을 반환한다
그 외의 경우, 좌항을 반환한다


&& (and)

좌항이 falsy값이라면 좌항을 반환한다
좌항이 falsy값이 아니라면, 우항을 반환한다

?. (옵셔널 체이닝 연산자)

null과 undefined이 아니라면, 우항을 반환한다


default parameter

기본값은 undefined값인 경우에만 사용 가능하다

함수를 호출할 때 인수를 전달하지 않으면 매개변수에는 undefined가 할당된다
이 때, 매개변수의 기본값을 사용하면 undefined로 인한 에러를 방지할 수 있다

단축평가를 사용하여 매개변수의 기본값을 주는 방법
function func(str){
	str = str || "";
    return str.length;
}

ES6의 매개변수의 기본값 설정 방법
function func(str = ""){
	return str.length;
}
profile
개발 공부 블로그

0개의 댓글