[TypeScript(타입스크립트)] function 함수 문법

 

 

 

➜ Basic Types 기본타입 문법

➜ function 함수 문법

➜ Array&Tuple 배열과 튜플

➜ 클래스(Class) (⚠내마음대로 정리했음주의⚠)

➜ 인터페이스(interface)

➜ 인덱스 시그니처(Index Signature), Keyof Assertion

➜ 내장함수, 메서드, 접근제한자 총정리

 

 

 

 

1. 함수 선언 (Function Declarations)

// 타입이 없는 JavaScript 함수 선언 
function jsAdd(num1, num2) {
  return num1 + num2;
}

// 타입을 명시한 TypeScript 함수 선언
function add(num1: number, num2: number): number {
  return num1 + num2;
}

 

 

 

 

2. 반환 타입 (Return Types)

// 타입이 없는 JavaScript 함수의 반환 값
function jsFetchNum(id) {
  return new Promise((resolve, reject) => {
    resolve(100);
  });
}

// 반환 타입을 명시한 TypeScript 함수의 반환 값
function fetchNum(id: string): Promise<number> {
  return new Promise((resolve, reject) => {
    resolve(100);
  });
}

 

반응형

 

3. 선택적 매개변수 (Optional Parameters)

// 선택적 매개변수를 지원하는 TypeScript 함수 
// Optional parameter
function printName(firstName: string, lastName?: string) {
  console.log(firstName);
  console.log(lastName); // undefined
}

printName('harry', 'potter');
printName('duseul');
printName('Risa');

 

 

 

 

4. 기본 매개변수 (Default Parameters)

// 기본 매개변수를 지원하는 TypeScript 함수 
// Default parameter
function printMessage(message: string = 'default message') {
  console.log(message);
}

printMessage();

 

 

 

 

5. 나머지 매개변수 (Rest Parameters)

// 나머지 매개변수를 처리하는 TypeScript 함수 
// Rest parameter
function addNumbers(...numbers: number[]): number {
  return numbers.reduce((a, b) => a + b);
}

console.log(addNumbers(1, 2)); // 출력: 3
console.log(addNumbers(1, 2, 3, 4)); // 출력: 10
console.log(addNumbers(1, 2, 3, 4, 5, 0)); // 출력: 15