프론트엔드 개발자 신상오
article thumbnail
Published 2022. 11. 1. 00:59
[TypeScript] TS class 사용하기 TypeScript

TS에서 class 접근제한자

public > protected > private 순으로 많은 접근을 허용한다


TS에서 class 사용법

class Person {
    constructor (
        private firstName: string,
        private secondName: string, 
        public nickname: string
    ) {}
}

let so = new Person("so" , " shin", "newo")

위 TS 코드를 JS로 변환

"use strict";
class Person {
    constructor(firstName, secondName, nickname) {
        this.firstName = firstName;
        this.secondName = secondName;
        this.nickname = nickname;
    }
}
let so = new Person("so", " shin", "newo");

위 두 코드는 같은 역할을 하는 코드이다
Class에는 firstName, secondName, nickname 값이 있으며
so 인스턴스안에 순서대로 "so", "shin", "newo" 값을 넣었다.

다만 firstName, secondName은 private로 작성되었기 때문에 so 인스턴스에서 확인할 수 없다
so 인스턴스에서는 public으로 작성된 nickname 값에만 접근이 가능하다