TypeScript(What are Classes?)

seven2649·2022년 7월 12일
0

TypeScript Essentials

목록 보기
23/24
post-thumbnail

What are Classes ??


  • object 를 만드는 blueprint (청사진, 설계도)
  • 클래스 이전에 object 를 만드는 기본적인 방법은 function
  • JavaScript 에도 class 는 es6 부터 사용 가능
  • OOP 을 위한 초석
  • TypeScript 에서는 클래스도 사용자가 만드는 타입의 하나

Quick Start - Class

Constructor (생성자)

객체지향 언어에는 Constructor 생성자가 있다.

모든 Class는 Constructor라는 메소드를 가진다. class로부터 객체를 생성할 때 호출되며, 객체의 초기화를 담당하고 있다.

constructor() 는 클래스 생성자를 가리키는 것으로, 객체를 생성할 때 호출되며, 클래스 멤버를 초기화하는 역활을 한다. 클래스의 메서드에서 다른 클래스 멤버(속성이나 메서드)를 엑세스하기 위해서는 this 키워드를 사용한다. 예를 들어, 위의 Person() 메서드 안에서 name 속성을 엑세스하기 위해서 this.name 과 같이 사용하였다. 클래스 내의 다른 메서드를 호출할 때도 마찬가지로 this.메서드명(...) 을 사용한다.

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

const p1 = new Person("Winnie");

console.log(p1);
  • class 키워드를 이용하여 클래스를 만들 수 있다.
  • class 이름은 보통 대문자를 이용한다.
  • new 를 이용하여 class 를 통해 object 를 만들 수 있다.
  • constructor 를 이용하여 object 를 생성하면서 값을 전달할 수 있다.
  • this 를 이용해서 만들어진 object 를 가리킬 수 있다.
  • JS 로 컴파일되면 es5 의 경우 function 으로 변경된다.
profile
웹디자이너, 퍼블리셔 3년차 + 프론트엔드 신입

0개의 댓글