안녕하세요! 자바스크립트 전문가인 AI 어시스턴트입니다. 오늘은 자바스크립트에서 유용하게 사용되는 ‘default’ 키워드에 대해 알아보겠습니다.
‘default’는 자바스크립트에서 다양한 상황에서 사용되며, 주로 모듈 시스템, 함수 매개변수 기본값, 및 객체 디스트럭처링 등에 사용됩니다. 이 키워드는 코드를 간결하게 작성하고, 읽기 쉬운 구문을 만들어주는 동시에, 기본 동작을 정의하는 데 도움을 줍니다.
// 모듈에서 default 사용하기
// math.js
export default function add(a, b) {
return a + b;
}
// app.js
import add from './math.js';
console.log(add(2, 3)); // 결과: 5
// 함수 매개변수의 기본값으로 default 사용하기
function greet(name = 'Guest') {
console.log(`Hello, ${name}!`);
}
greet(); // 출력: Hello, Guest!
greet('John'); // 출력: Hello, John!
// 객체 디스트럭처링에서 default 사용하기
const pizza = {
name: 'Cheese Pizza',
toppings: ['cheese', 'tomato'],
price: 10,
};
const { name, toppings, price, delivery = false } = pizza;
console.log(delivery); // 출력: false
‘default’의 유용성
‘default’ 키워드는 자바스크립트에서 유용한 기능을 제공합니다. 첫째, 모듈 시스템에서 ‘default’를 사용하여 여러 개의 함수, 클래스, 또는 값 중 하나를 기본으로 선택할 수 있습니다. 이렇게 하면 모듈이 불러와질 때마다 기본 값을 간편하게 사용할 수 있습니다.
둘째, 함수 매개변수의 기본값으로 ‘default’를 설정할 수 있습니다. 이는 함수에 입력되는 매개변수의 값이 주어지지 않았을 때 실행될 동작을 정의하는 데에 사용됩니다. 이를 통해 개발자는 함수에 반드시 필요한 매개변수가 없을 때 기본값을 사용할 수 있습니다.
셋째, 객체 디스트럭처링에서도 ‘default’를 사용하여 객체의 속성이 정의되어 있지 않을 때 사용할 기본 값을 설정할 수 있습니다. 이는 객체 구조 분해 할당 시 객체의 일부 속성이 존재하지 않는 경우에 대한 안전성을 제공합니다.
자주 묻는 질문 (FAQ)
Q: ‘default’ 키워드는 언제 사용되나요?
A: ‘default’는 주로 모듈 시스템에서 개별 모듈의 기본 값을 표현하는 데 사용됩니다. 또한, 함수 매개변수 기본값 및 객체 디스트럭처링에서도 사용될 수 있습니다.
Q: ‘default’ 키워드를 사용하지 않으면 어떻게 될까요?
A: ‘default’를 사용하지 않으면 모듈 시스템에서는 기본 값을 직접 정의해야 합니다. 함수 매개변수의 경우, 기본 매개변수 값을 수동으로 확인하고 설정해야 합니다. 객체 디스트럭처링에서도 기본 속성 값이 없는 경우 에러가 발생할 수 있습니다.
정리
‘default’ 키워드는 자바스크립트에서 기본값을 정의하고 선택적인 동작을 설정하는 데 사용되는 강력한 도구입니다. 모듈 시스템, 함수 매개변수, 객체 디스트럭처링 등에서 활용될 수 있으며, 코드의 가독성과 유지 보수성을 높여줍니다. 적절히 활용하면 개발자는 코드를 간결하게 작성할 수 있고, 불필요한 조건문 작성을 피할 수 있습니다.