[typescript] 객체 분해 할당을 사용한 함수 매개변수 분해 할당
TypeScript에서는 객체 분해 할당을 사용하여 함수의 매개변수들을 간단하고 가독성 높게 분해 할당할 수 있습니다. 매개변수 분해 할당을 통해 코드의 가독성을 높이고 중복 코드를 줄일 수 있습니다.
객체 분해 할당이란?
객체 분해 할당은 ES6에서 도입된 기능으로, 객체나 배열의 값을 추출하여 변수에 할당하는 기능을 말합니다. 이를 통해 속성이나 요소에 간편하게 접근할 수 있습니다.
다음은 기본적인 객체 분해 할당의 예제입니다.
const person = { name: "John", age: 30 };
const { name, age } = person;
console.log(name); // "John"
console.log(age); // 30
함수 매개변수 분해 할당
함수의 매개변수에서도 객체 분해 할당을 사용할 수 있습니다. 이를 통해 매개변수로 전달된 객체의 속성에 쉽게 접근할 수 있습니다.
다음은 함수 매개변수 분해 할당을 사용한 예제입니다.
type Person = { name: string, age: number };
function printPersonInfo({ name, age }: Person) {
console.log(`Name: ${name}, Age: ${age}`);
}
const person = { name: "Jane", age: 25 };
printPersonInfo(person); // Name: Jane, Age: 25
위 예제에서 printPersonInfo
함수는 Person
타입의 매개변수를 객체 분해 할당을 통해 속성에 접근하여 사용하고 있습니다.
결론
객체 분해 할당을 사용하여 함수의 매개변수를 간편하게 분해 할당함으로써 코드의 가독성을 높일 수 있습니다. 특히 TypeScript와 같이 정적 타입 언어에서는 타입 정보를 함께 활용하여 안정적이고 가독성 높은 코드를 작성할 수 있습니다.