(TypeScript) - 타입스크립트 클래스

■ 타입스크립트 클래스 사용하기

class Employee {
    //필드
    name: string;
    age: number;
    position: string;

    constructor(name: string, age: number, position: string) {
        this.name = name;
        this.age = age;
        this.position = position;
    }

    //메서드
    work() {
        console.log('working');
    }
}

 

타입스크립트 클래스 생성에는 필드에 타입을 지정해주면 된다.

그런데 타입 지정에서 끝나는 것이 아니라 초기값과 할당이 되지 않아 오류가 난다.

따라서 생성자를 만들어서 값을 할당해준다.

 

메서드는 동일하게 넣어주면 된다.

 

 

타입스크립트에서 클래스는 자바스크립트이면서 동시에 타입으로도 취급된다.

따라서 employee 변수가 Employee 타입으로 인식된 것을 볼 수 있다.

 

const employeeC: Employee = {
    name: '',
    age: 0,
    position: '',
    work() {},
};

 

타입 지정을 해주면 다음과 같이 해당 클래스에서 요구했던 프로퍼티를 넣어주면 된다.

 

class ExecutiveOfficer extends Employee {
    // 필드
    officeNumber: number;

    constructor(name: string, age: number, position: string, officeNumber: number) {
        super(name, age, position);
        this.officeNumber = officeNumber;
    }
}

 

다음과 같이 세부적인 클래스를 만들고 상속 받을수도 있다.

 

※ any 허용 config 설정 처리

"noImplicitAny": false

 

noImplicitAny : 암시적 애니 허용하지 않을 것이냐? -> false (허용) -> 타입스크립트 타입 설정 안해도 오류 안뜸

-> 그러나 해당 설정 사항은 비권장