티스토리 뷰

TIL/일기, 공부 내용 정리

클래스

Jin_frontend 2024. 12. 27. 20:25

클래스

  • 클래스와 인스턴스의 개념
    • 클래스는 어떤 사물의 공통 속성을 모아 정의한 추상적인 개념
    • 인스턴스 클래스의 속성을 지니는 구체적인 사례
  • 프로토타입 메서드와 스태틱 메서드의 개념
    • 프로토타입 메서드는 prototype 내부에 정의된 메서드이며 인스턴스가 자신의 것처럼 호출할 수 있음
    • 스태틱 메서드는 클래스에 직접 정의한 메서드이며 인스턴스에서 직접 접근 할수 없고 클래스에 의해서만 호출할 수 있음
  • 클래스가 구체적인 데이터를 지니지 않게 하는 방법
    • 만들고 나서 프로퍼티들을 일일이 지우고 더는 새로운 프로퍼티를 추가할 수 없게 하는 것
    • 빈함수를 활용하는 방법
    • Object.create 를 활용
  • constructor 복구하기
    • 앞의 세 방법에서 SubClass.prototype.constructor = Subclass 를 추가해 원래의 SubClass 를 바라보도록 복구
  • 상위 클래스에의 접근 수단 제공
    • super를 통해서 ES6의 클래스 흉내내기
  • ES6 에서의 클래스 상속
    • extends : 다른 클래스를 상속 받는 키워드
    • super : 부모 클래스의 메서드를 호출할 수 있는 키워드
  • Class 문법의 주요 개념에 대해 설명해주세요.

  클래스는 객체를 생성하기 위한 템플릿으로 인스턴스는 클래스로부터 생성된 객체입니다.

  클래스의 주요 구성 요소로는 constructor, 인스턴스 메서드, static 메서드, getter/setter 가 있는데요. constructor 는 객체를 생성할 때 자동으로 호출되어 클래스의 초기 속성을 설정합니다.

  인스턴스 메서드는 클래스의 prototype 에 정의되어, 인스턴스에서 호출할 수 있습니다.

  static 메서드는 클래스에 직접 정의되며, 인스턴스가 아닌 클래스를 통해서만 호출이 가능합니다.

  getter 와 setter 는 객체의 속성을 안전하게 읽고 설정할 수 있도록 제공되는 메서드입니다.

  마지막으로 클래스는 extends 키워드를 사용해 다른클래스로부터 속성과 메서드를 상속받을 수 있습니다.

 

'TIL > 일기, 공부 내용 정리' 카테고리의 다른 글

클래스, 클로저  (0) 2025.01.21
자바스크립트의 동등 비교, 함수  (1) 2025.01.03
프로토타입  (0) 2024.12.26
콜백함수와 클로저  (1) 2024.12.24
This와 명시적 This 바인딩  (2) 2024.12.19
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/04   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
글 보관함