// Generic
function getSize<T>(arr: T[]): number {
return arr.length;
}
const arr1 = [1, 2, 3];
getSize<number>(arr1); // 3
const arr2 = ['a', 'b', 'c'];
getSize<string>(arr2); // 3
- <>을 이용해 사용하는 쪽에서 Type을 지정해준다.
interface Mobile<T> {
name: string;
price: number;
option: T;
}
const m1: Mobile<object> = {
name: 's21',
price: 1000,
option: {
color: 'red',
coupon: false,
},
};
const m2: Mobile<string> = {
name: 's20',
price: 900,
option: 'good',
};
- interface에서도 이렇게 이용할 수 있다.
interface User {
name: string;
age: number;
}
interface Car {
name: string;
color: string;
}
interface Book {
price: number;
}
const user: User = { name: 'a', age: 10 };
const car: Car = { name: 'bmw', color: 'red' };
const book: Book = { price: 3000 };
function showName<T extends { name: string }>(data: T): string {
return data.name;
}
showName(user);
showName(car);
// showName(book); // 속성이 없으므로 error가 발생한다.
