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

1. TS에서 class 접근제한자

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


2. TS에서 class 사용법

<code />
class Person { constructor ( private firstName: string, private secondName: string, public nickname: string ) {} } let so = new Person("so" , " shin", "newo")

3. 위 TS 코드를 JS로 변환

<code />
"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 값에만 접근이 가능하다