본문 바로가기
개발/Web and Frontend

Typescript Function

by 아르카눔 2025. 3. 31.

타입스크립트 코리아 가이드 (링크)를 보고 따라쓰면서 공부하는 중이다.

 

 

 

타입스크립트 함수

 

function add(x: number, y: number): number {
    return x + y;
}

let myAdd = function(x: number, y: number): number { return x + y };

 

JavaScript에서는 모든 매개변수가 선택적이고, 사용자는 적합하다고 생각하면 그대로 둘 수 있습니다. 그렇게 둔다면 그 값은 undefined가 됩니다. TypeScript에서도 선택적 매개변수를 원한다면 매개변수 이름 끝에 ? 를 붙임으로써 해결할 수 있습니다. 그 예시로 성을 선택적 매개변수로 하는 경우를 들어보겠습니다:

 

function buildName(firstName: string, lastName?: string) {
    if (lastName)
        return firstName + " " + lastName;
    else
        return firstName;
}

let result1 = buildName("Bob");                  // 지금은 바르게 동작
let result2 = buildName("Bob", "Adams", "Sr.");  // 오류, 너무 많은 매개변수
let result3 = buildName("Bob", "Adams");         // 정확함

 

 

 

 

 

 

 

 

 

 

References:

https://typescript-kr.github.io/pages/functions.html

 

 

 

 

'개발 > Web and Frontend' 카테고리의 다른 글

LLM 기반 추천 시스템 프론트엔드  (1) 2025.04.25
Typescript Interface  (0) 2025.03.31
Typescript Data Types  (0) 2025.03.31
Typescript 기초  (0) 2025.03.31