[TypeScript] 타입 스크립트 : TS 객체와 함수의 데이터 타입

­chae-zero·2023년 5월 5일
0

FE

목록 보기
4/5
post-thumbnail

TypeScript에서 객체의 데이터 타입

TS에서 객체의 데이터 타입을 정의하려면,
타입 주석을 활용해 객체의 속성과 해당 속성의 데이터 타입을 명시하면 됨

// 기본 객체
const user = {
  name: "John",
  age: 25
};

// 객체의 타입을 지정한 모습
const user: {name: string, age: number} = {
  name: "John",
  age: 25
};

TypeScript에서 함수의 데이터 타입

예제 1: 매개변수와 반환 값의 데이터 타입 지정

// 각 매개변수와 반환 값에 데이터 타입 지정
function add(a: number, b: number): number {
  return a + b;
}

예제 1: 선택적 매개변수 사용

일부 매개변수는 선택적으로 받을 수 있게 만들고 싶을 때, 매개변수 뒤에 ?를 사용

// greeting 은 선택적 매개변수로 지정되었으며, 값을 전달하지 않을 경우 기본 인사말이 사용됨
function greet(name: string, greeting?: string): string {
  if (greeting) {
    return `${greeting}, ${name}!`;
  } else {
    return `Hello, ${name}!`;
  }
}
profile
사람 재미를 아는 길잡이가 될래요

0개의 댓글