[TypeScript] - 타입스크립트의 기본 타입

thisishwarang·2023년 7월 11일
0
post-thumbnail

변수, 함수 등을 만들 때 javascript 보다 더 강력한 type을 지정하여 오류를 사전에 방지한다.

타입스크립트의 기본 타입

변수의 타입 지정

string

//type이 string 일 때
let name: string = "Im";

boolean

//type이 boolean 일 때
let isLoading: boolean = true;

number

//type이 number 일 때
let age: number = 24;

Array

//type이 array 일 때
let fullname: string[] = ['im', 'hwarang'];

Object

//type이 object 일 때
let aboutMe: {name: string, age: number} = { name: 'hwarang', age: 24 };

Union Type

//Union Type (2개 이상의 타입을 사용 가능)
  let password: number | string = "abcd";
  password = 222;

function

//함수의 파라미터, return값에 타입 지정 가능
  function double(x: number): number {
    return x * 2;
  }

Tuple

//Tuple : 배열의 길이와, 각 요소의 타입이 지정되어 있는 배열 형식
let arr: [string, number] = ['hello', 100];

any

//any : 모든 자료형 허용해줌 (but 이는 타입스크립트를 사용하는 이유가 없음. any는 단순히 타입 해제 문법)
  let b: any;
  b = 123;
  b = true;
  b = "as";
  let d: string = b; //(b가 any 타입이기 때문에 오류 x)

undefined

//undefined : any 보다 안전함.
  let c: undefined;
  c = 123;
  c = {};
  let e: string = c; //(c가 undefined 타입이기 때문에 오류 발생)

0개의 댓글