본문 바로가기

TypeScript/기초

[TypeScript] class 만들 때 타입 지정

필드 값 타입 지정 

class 내부에는 모든 자식이 사용할 수 있는 속성을 만들어 줄 수 있다. 

class Person {
    data = 0;
}

let seo = new Person();
let park = new Person();

console.log(seo.data); // 0
console.log(park.data);// 0

타입스크립트를 사용하면 이런 속성에게도 타입을 지정할 수 있다. 

 

class Person{
    data: number = 0; 
}

// ...
seo.data = "a" // number로 설정되어 있는데 문자 할당 시 에러

가만히 냅둬도 사실 타입스크립트가 자동으로 number 타입을 지정해주지만 명시하고 싶다면 일반 변수처럼 

타입을 지정할 수 있다. 

 

constructor 타입지정 

class에서 초기값을 지정하기 위해서 사용하는 constructor 역시 타입 지정이 가능하다. 

class Person {
    data;
    
    constructor(a: string) {
    	this.data = a
    }
}

함수에게 타입을 지정하는 것처럼 매개변수 옆에 타입을 지정해주면 바로 가능하다. 

 

methods 타입지정 

이쯤 되면 눈치챘을 텐데, 함수도 마찬가지로 일반 함수 타입 지정과 같이 지정해줄 수 있다. 

class Person {
    add(num: number): void {
    	console.log(num);
    }
}
반응형