기억 휘발 방지소

[TypeScript] 함수 (Function) 본문

Web/TypeScript

[TypeScript] 함수 (Function)

choice91 2022. 2. 11. 22:32
728x90
반응형

TypeScript에서 함수는 아래 코드처럼 사용하면 된다.

매개변수를 적고 매개변수의 타입과 반환값이 있다면 반환값의 타입을 적고 없으면 void

function add(n1: number, n2: number): number {
  return n1 + n2;
}

function sayHello(name: string): void {
  console.log(`Hello ${name}!`);
}

 

인터페이스처럼 함수의 파라미터도 옵셔널로 만들 수 있다. 옵셔널 파라미터라고 한다.

function greeting(name?: string): void {
  console.log(`Hello ${name || "world"}!`);
}

 

파라미터가 여러개 있을 때도 마찬가지이다.

옵셔널 파라미터를 두 번째 자리부터 넣으면 된다.

function fn(name: string, age?: number): string {
  if (age !== undefined) {
    return name + " " + age;
  }
  return name;
}
console.log(fn("Kim", 30));  // Kim 30
console.log(fn("Kim"));      // Kim

이런 옵셔널 파라미터를 첫 번째 파라미터 자리에 두고 싶으면 다음과 같이 사용해야한다.

function fn(age: number | undefined, name: string): string {
  if (age !== undefined) {
    return name + " " + age;
  }
  return name;
}
console.log(fn(30, "Kim"));             // Kim 30
console.log(fn(undefined, "Kim"));      // Kim

 

728x90
반응형