카테고리 없음

드림코딩 by 엘리. JavaScript 기초 강의(6) - Class vs Object, 객체지향 언어 클래스 정리

i독 2021. 10. 7. 04:12

보통 Class Fields, methods 묶여진 형태이다. Fields = 변수 / methods = function

Fields로만 묶여져 있으면 data class 부른다.

 

Class > template, declare once, no data in ()

Object > instance of a class, created many times, data in (틀에 나온 )

 

Javascript classes > introduced in ES6, syntactical sugar over prototype-based inheritance

 

JS 안에서 get/set 사용 유의사항.

get 정의하면 this.age get method 호출한다. set 마찬가지이다.

만약 setter 안에서 this.age 호출하면 set method 호출되기에 자기 자신을 호출하는 셈이다.

이는 무한 callback 일으키며 이를 방지하기 위해 보통 변수 앞에 _언더바를 추가하여 변수명을 다르게 한다.

 

JS 신기능 > class 에서 생성자를 사용하지 않고 정의할 public / #기호를 붙이면 private 이다.

 

Static properties and method > Class 내부에서 static 사용하면 클래스 자체에 할당된다. 인스턴스들 한데는 할당되어 있지 않다.

해당 선언된 class에서 호출해서 사용해야 하며, object 상관없이 공통적으로 사용되는 것들을 static static method 사용하여

메모리의 사용을 조금 줄여줄 있다.

 

extends 이용해서 상속이 가능하다. 다른 언어처럼 오버라이팅 제공.

 

자바스크립트 MDN reference page 확인하면 많은 유용한 api 확인 있음.

 

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference