기본 함수
파라미터와 리턴값에 타입을 선언하여 엄격하게 관리할 수 있다.
자바스크립트 경우 리턴값이 다양하게 올 수 있지만, 타입스크립트는 내가 정한 타입만 값으로 들어올 수 있다.
// JavaScript
function jsAdd(num1, num2) {
return num1 + num2;
}
// TypeScript
function add(num1: number, num2: number): number {
return num1 + num2;
}
Parameter 종류
1. Optional Parameter
인자를 전달해도 되고 전달하지 않아도 되는 기능으로
파라미터 이름 옆에 ?(물음표)를 입력하여, 그 해당 파라미터 값이 들어와도 되고 안 들어와도 오류가 안난다.
function printName(firstName: string, lastName?: string) {
console.log(firstName);
console.log(lastName); // 값이 들어와도 되고 안 들어와도 됨
}
printName('Krisha', 'Lee');
printName('David');
2. Default Parameter
인자를 전달하지 않으면 기본값으로 설정 되는 기능.
* 기본값 = 파라미터에 값을 미리 넣어놓은 값
function coffeeMenu(baseItem: string, latte = "Latte") {
console.log(`${baseItem} ${latte}`);
}
coffeeMenu('Choco'); // Choco Latte(Default Parameter)
coffeeMenu('Cafe','Vienna'); // Cafe Vienna
3. Rest Parameter
인자를 배열형태로 받아올 수 있는 기능.
Spread 연산자(...)를 함께 사용하여 다수의 값이 들어올 수 있게 만들어준다.
function addNumbers(...numbers: number[]): number {
return numbers.reduce((a, b) => a + b);
}
console.log(addNumbers(1, 2, 3, 4));
console.log(addNumbers(1, 2, 3, 4, 5, 0));
'TypeScript' 카테고리의 다른 글
Type Script_06 타입 추론 & 단언 (Inference & Assertion) (0) | 2021.04.16 |
---|---|
Type Script_05 Intersection Type (인터섹션 타입) (0) | 2021.04.16 |
Type Script_04 타입스크립트의 꽃🌹 Type Alias & Union Type (0) | 2021.04.16 |
Type Script_03 Array & Tuple (0) | 2021.04.16 |
Type Script_01 기본 타입 마스터하기! (0) | 2021.04.15 |
댓글