ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 기본 타입
    Typescript 2023. 1. 16. 17:42

    String

    let str: string = 'TypeScript';
    
    // : <- 타입 표기(Type Annotation)
    
    let fullName: string = `NBC`;
    let age: number = 10;
    let sentence: string = `my name is ${fullName}. I'm ${age + 1} years old`;

     

     

     

    Number

    - 10진수, 16진수 표현을 지원하며, ES2015에서 2진수, 8진수 표현을 지원하게 되었음.

    let num: number = 123;
    
    let decimal: number = 6;
    let hex: number = 0xf00d;
    let binary: number = 0b1010;
    let octal: number = 0o744;

     

     

     

    Boolean

    let isTrue: boolean = true;
    let isFalse: boolean = false;

     

     

     

    Array

    let arr: number[] = [1, 2, 3]; //숫자 타입의 배열
    let array: Array<number> = [1, 2, 3]; // 숫자 타입의 배열
    
    // <> <- 제네릭
    
    let arr2: string[] = ['1', '2', '3']; //문자열 타입의 배열
    let arr3: boolean[] = [true, false, true]; // boolean 타입의 배열

     

     

     

    Tuple

    - 튜플 타입을 사용하면, 요소의 타입과 개수가 고정된 배열을 표현할 수 있음. 단, 요소들의 타입이 모두 같을 필요는 없음.

    let x: [string, number];
    x = ['hi', 1];
    x = [1, 'hi']; // Error
    console.log(x[0], x[1]);
    console.log(x[2]); // Error
    
    x[2] = 'world'; // Error
    
    let tuple: [string, number, boolean] = ['str', 1, false];

     

     

     

    Any

    - 자바스크립트의 변수 타입이다.

    - 어떤 타입이던 들어갈 수 있다.

    - 남발하게 되면 타입스크립트를 이용하는 의미가 없기 때문에, 최후에 사용 할 것

    let str: any = 'hi';
    let num: any = 10;
    let arr: any = ['a', 2, true];

     

     

     

    Void

    - 함수에서 반환되는 값이 없을 때 사용(리턴이 없을 때)

    - 변수에서는 사용하지 않는다.

    function c(): void {
      console.log('c');
    }

     

     

     

    Null, undifined

    // 아래 코드를 제외하고 이 변수들에 할당할 수 있는 값이 없다!
    let a: null = null;
    let b: undefined = undefined;
    
    let unionType: number | null = null;

     

     

     

    Never

    - 함수가 비정상적으로 종료되거나, 끝까지 실행되지 않았을 때 사용

    - 거의 사용하지 않는다.

    function a(): never {
      while (true) {
    
      }
    }
    
    function b(): never {
    	throw new Error('Error');
    }

    'Typescript' 카테고리의 다른 글

    enum 타입,  (0) 2023.01.16
    함수 타입  (0) 2023.01.16
    Typescript 설치 및 세팅  (0) 2023.01.16
Designed by Tistory.