TypeScript - 기본 타입

Code_Alpacat·2022년 6월 14일
0

TypeScript - 기초

목록 보기
1/3

1. 문자열, 숫자, 배열

  • 다른 타입에 해당할 경우는 빨간 줄을 표시한다.
let str: string = 'hello';
let num: number = 10;

let arr: Array<number> = [1, 2, 3];
let arr2: Array<string> = ['A', 'B', 'C'];
let items: number[] = [1, 2, 3];

2. 튜플, 객체, 진위값

  • 튜플은 모든 값에 타입을 각각 지정해준 배열임.
  • 객체는 내부에 속성 타입을 지정하지 않아도 상관이 없음.
//튜플
let address: [string, number] = ['gang', 1]; //순서에 맞는 타입까지 지정하는 것이 튜플

//객체
let obj: object = {};
let person: object = {
  name: 'capt',
  age: 30
};

//객체 내부에 있는 속성 또한 타입 지정이 가능
let person2: { name: string, age: number } = {
  name: 'capt',
  age: 30
}

//진위값
let show:boolean = true

3. 함수 타입

// 함수의 파라미터에 타입 정의
function add(a: number, b: number) {
  return a + b;
}

add(10, 20);

//반환 값에 타입을 정의
function add2(): number {
  return 10 + 20;
}

//두 방식을 조합

function add3(a: number, b: number): number {
  return a + b;
}

//파라미터의 유연함과 제약
function add4(a: number, b: number): number {
  return a + b;
}

add4(10, 20, 30, 40) 
//에러 발생. 30, 40은 더 들어갈 수 없음. JS는 그냥 유연하게 무시함

add4(10)
//에러 발생. 인자가 부족함


//함수의 옵셔널 파라미터
function log(a: string, b?: string, c?: string) {
  
}

log('hello')
log('hello', 'world') //하나의 인자는 필수이지만, 두 개, 세 개는 필수가 아니게 되는 방식
profile
In the future, I'm never gonna regret, cuz I've been trying my best for every single moment.

0개의 댓글