개발공부/개념정리 | TypeScript

기본 타입 && 함수타입

개발집사 2022. 12. 21. 19:14

기본타입

//TS 문자열 선언
let str: string = 'hello';

//TS 숫자
let num: number = 10;

//TS 배열
let arr: Array<number> = [1, 2, 3];
let items: number[] = [1, 2, 3]; //11번째줄과 같은 선언
let heroes: Array<string> = ['Capt', 'Thor', 'Hulk'];

//TS 튜플
let addr: [string, number] = ['gangnam', 13069];

// TS 객체
let obj: object = {};
let person: object = {
  name: 'capt',
  age: 100
};
let people: {name: string, age: number} = {
  name: 'thor',
  age: 20
}

//TS 진위값
let show: boolean = true;

함수타입

// 함수의 파라미터에 타입을 정의하는 방식
function sum(a: number, b: number) {
  return a + b;
}

sum(10, 20);

//함수읩 반환값에 타입을 정의하는 방식
function add(): number {
  return 10;
}

//함수에 타입을 정의하는 방식
function sum2(a:number, b:number): number {
  return a + b;
}
sum2(10, 20);

//함수의 옵셔널 파라미터
function log(a: string, b?: string) {
  //?가 있는건 b가 있을 경우엔 string으로 해라~
}

any, void

//any => 어떤 값이 정의된 것이 없으면 any라는 값으로 아무거나 넣어도 된다는 뜻
let todoItems: any;
=>let todoItems: { id: number; title: string; done: boolean }[];


//void : return 값이 없다
function deleteTodo(index: number): void {
  todoItems.splice(index, 1);
}

//object[]
let todoItems: object[]; //배열안에 객체들이 들어가있다.