자바스크립트의 클래스와 오브젝트의 차이점 알아보기(feat. 파이썬이랑 뭐가 다를까?)

📌 클래스와 오브젝트

출처: 드림코딩 by 엘리

 

붕어빵 틀(template) : 클래스

object: 팥을 넣으면 팥붕어빵, 크림 데이터를 넣으면 크림 붕어빵!

 

✅파이썬에서의 클래스와 객체 개념과 같다. 둘다 객체지향언어!

 

 

📌자바스트립트에서 클래스 사용하는법

파이썬과 다르게 자바스크립트에서는, 클래스를 선언하기 위해 'constructor'가 필요하다. 파이썬에서는 def 와 self를 사용했다면, 자바스크립트에서는 'constructor/method와 this'를 이용한다. 구조는 유사하다. 

 

(좌) 파이썬 클래스 선언 (우) 자바스크립트 클래스 선언

또한 오브젝트를 생성할 때도 차이가 있다. 

파이썬에서는 별다른 별도 코드 없이 그냥 생성하면 되는데, 자바스크립트에서는 const와 new를 써준다.

 

 

📌 Getter & Setter

incapsulation => private 만드는 것

클래스의 사용자가 불온한 형태로 데이터 값을 입력했을 때, 그것에 대해 방어적인 태도로 보완할 수 있게 하는 것이 바로 Getter & Setter. 

 

 

get age() {

 return this._age;

}

set age(value) {

 this._ age = value <0? 0 : value;
}

 

 

📌자바스트립트에서 클래스 상속

만약 부모 클래스가 외부 라이브러리라면, 해당 부모 클래스에다가 메소드를 추가하는 방식의 변형은 추후 부모 클래스가 업데이트 될 때 충돌/오류 이슈가 있을 수 있다. 

 

이런 클래스가 있다고 할 때, 여기에 '평균값' 계산을 추가하고 싶다. 위에서 언급했듯이, 바로 이 Person class 에 평균값을 계산하는 메소드를 추가할 때 발생할 수 있는 부작용들을 고려해서, 새로운 클래스를 만들고자 한다. 

이렇게 만들고 나니, 중복되는 부분이 많다는 것을 알 수 있다. 이때, '상속'개념이 사용된다. 

extends를 이용해서 부모 클래스의 속성과 메소드들을 상속하는 것이다. 중복되는 내용은 지워주고, 추가할 메소드만 작성해주면 끝!

 

 

👀🐍python

상속받을 부모 클래스를 () 안에 써서 새로운 클래스를 만드는 파이썬의 상속과는 살짝 다르다.

 

 

📌Super

자식클래스에서 부모클래스 속성+추가 해주고 싶을때, 중복을 줄이기 위해 'super'를 사용한다. 

잘 출력되는 것을 확인할 수 있다.