[Typescript] 2일차 - 기본 타입들과 enum

string, number, array ,object 선언 방식

//기본 타입들
let num : number;
num = 3;
let str : string = 'hello';
let arr: (string | 3 | boolean)[] = [true, 3 ,'hello'];

const obj: {a:string, b?:number} = {a:'b'};

 

enum 사용

//enum의 활용
enum Color {red,green,blue}
let c: Color =Color.green;
Color[0] === 'Red';
Color['red'] === 0;

enum 같은 경우에는 select input 같은 경우에 숫자로 떨어질 때 치환하여 사용하면 아주좋을 것 같다고 생각하였다.

또 잘만쓰면 코드를 깔끔하고 생산성있게 짤 수 있을것 같다고 생각하였다.

함수 사용

function add(a:number, b:number): void { //리턴값이 없는 함수
    console.log(a+b)
}

function add2(a:number, b:number): (c: string) => number {
    return (c: string) => {
        return 3;
    }
}

const obj2: {a:(b?:number) => string} = {
    a(b?:number){
        return 'hi'
    }
}

 

d.ts 파일 어쩔수 없이 변환 할 때 그리고 extends

//d.ts
const hello: number;

(hello as unknown as string).substr(1,2)

(<string><unknown>hello).substr(1,2)

//HTMLElement로 상속받은 HTMLDivElement보다 더 넓게 타입을 지정할 수 있다.
const div = document.createElement('div');
const a = div as HTMLElement

 

마지막으로 Any 는 타입스크립트를 쓰면 왠만해서는 쓰지 말자.