본문 바로가기
내마음대로만들어보자/React

리액트 필수 자바스크립트 기초 - Class

by 소농민! 2021. 6. 29.
728x90

1. 클래스란?

객체 지향 프로그래밍에서 클래스는 특정 객체를 생성하기 위해 변수와 함수를 정의하는 일종의 틀

객체를 정의하기 위한 상태와 함수로 구성되어 있음.

객체 단위로 코드를 그룹화하고 쉽게 재사용하려고 사용합니다.

 

2. 클래스를 구성하는것

  • 생성자 함수: 클래스 인스턴스를 생성하고 생성한 인스턴스를 초기화(초기 값을 설정한다고 생각하세요!)하는 역할을 합니다. ( 객체를 생성할때 사용하는 함수)
  • 함수: 어떤 일을 하는 함수입니다.

3. 클래스 상속하는 방법

→ 클래스를 상속한다는 건, 이미 만들어 둔 어떤 클래스를 가지고 자식 클래스를 만든다는 얘기 

1. Class myCat extends Cat {}  : 부모 Cat 클래스를 상속받는다는 의미 (extends) 

2. super 키워드 

  - 부모 클래스로부터 상속받은 필드나 메소드자식 클래스에서 참조하는 데 사용하는 참조 변수

  - 인스턴스 변수의 이름과 지역 변수의 이름이 같을 경우 인스턴스 변수 앞에 this 키워드를 사용하여 구분

  - 부모 클래스의 멤버와 자식 클래스의 멤버 이름이 같을 경우 super 키워드를 사용하여 구별

  - super() 메소드는 부모 클래스의 생성자를 호출할 때 사용