Nullish Coalescing을 활용하여 자바스크립트에서 함수 매개변수 설정하기

29 Sep 2023

javascript

함수 매개변수 설정은 자바스크립트 코드 작성 시 중요한 부분입니다. 매개변수 값이 없을 경우를 처리하는 것은 가독성과 신뢰성을 높이는 데 도움이 됩니다. 이번에는 ES2020에서 추가된 Nullish Coalescing 연산자(??)를 활용해 함수 매개변수를 설정하는 방법을 알아보겠습니다.

Nullish Coalescing이란?

Nullish Coalescing 연산자(??)는 말 그대로 ‘nullish’ 값(즉, null 또는 undefined)을 합치는 연산자입니다. 이 연산자는 좌변의 값이 nullish 값이 아니라면 좌변의 값을 반환하고, nullish 값이라면 우변의 값을 반환합니다.

함수 매개변수 설정에 Nullish Coalescing 활용하기

보통은

연산자를 사용하여 매개변수 기본값을 설정하지만, 이 경우 falsy한 값(false, 0, “”, NaN, null, undefined)이 매개변수로 전달될 경우 기본값이 설정되어 버립니다. 이런 경우를 방지하기 위해 Nullish Coalescing 연산자를 사용하는 것이 좋습니다.

function greet(name) {
  const userName = name ?? "Guest";
  console.log(`Hello, ${userName}!`);
}

greet(); // 출력: Hello, Guest!
greet("John"); // 출력: Hello, John!
greet(""); // 출력: Hello, ""
greet(0); // 출력: Hello, 0
greet(null); // 출력: Hello, null
greet(undefined); // 출력: Hello, Guest!

위의 코드는 greet 함수를 정의하고, name 매개변수를 Nullish Coalescing 연산자를 사용하여 userName 변수에 할당합니다. 이렇게 하면 name 값이 nullish 값이 아니라면 해당 값을 유지하고, nullish 값인 경우 “Guest” 값을 할당합니다.

요약

이제 Nullish Coalescing 연산자를 사용하여 자바스크립트 함수 매개변수를 설정하는 방법을 알게 되었습니다. 이 방법을 활용하면 코드의 가독성과 신뢰성을 향상시킬 수 있습니다. 매개변수 값이 없을 경우 기본값을 설정하는 경우에는 Nullish Coalescing 연산자를 사용해보세요.

#javascript #nullishcoalescing