Typescript 기본 문법 정리

typescript의 간단한 기본 문법을 정리한다.

기본적으로 타입스크립트의 사용 목적 자체가 특정 객체(변수, 함수, 클래스의 파라미터 등등)에 타입을 지정하고 다른 타입의 사용을 막아서 예기치 않은 에러를 막기 위함이다.

 

코틀린의 문법과 상당히 유사하게 사용되기 때문에 형태에 이질감은 없었다.

아래 나열

// 변수 만들기

// 문자만 넣을 경우
let name1: string = 'kim';
// name1 = 1; // 에러 남

// 문자열 배열
let array: string[] = ['김','박'];
// let array1: string[] = ['김',3]; // 문자열 아닌걸 넣으면 에러

let obj: { name: string } = { name: 'kim'};
let obj1: { name?: string, id: number } = { id: 1 };    // name은 있을수도 없을수도

let or: string | number = 1234; // 문자열 혹은 숫자

// 타입 지정할 것이 너무 길 경우 변수화해서 사용가능
type Type = string | number | string[]
let type: Type = "kim";


// 함수에 타입 지정
function func(param: string): boolean {	// 뒤의 :boolean은 리턴값이 boolean이라는 의미
    return true;
}
// func(123);  // 숫자 넣으면 에러 남

// 튜플 타입
type Member = [number, boolean];
let john: Member = [1, true];

// 오브젝트 타입
type Member2 = {
    name : string,
}
let kee: Member2 = { name: 'kim' };

// 오브젝트 타입에서 속성값이 많을 경우 하나로 퉁치기
type Member3 = {
    // 모든 오브젝트 속성이란 의미
    // 모든 속성이 다 string이어야만 가능한데, 유용할지는 모르겠다.
    [key:string]: string,
}
let kee2: Member3 = { a: 'sdnfi', b: 'swenif', c: 'enif'};

// 클래스 예제
class User {
    name: string;
    constructor(name: string) {
        this.name = name;
    }
}