본문 바로가기
it/Es6

Class

by hanjae 2022. 3. 29.

자바를 하신 분 들은 자바스크립트의 class를 보지 않으셔도 됩니다

 

우선 구조에 대해 설명해 드리겠습니다

사진처럼 class 이름 -> constructor(생성자) -> 함수 순 으로 적는게 일반적 입니다

class명의 맨 앞 첫글자는 대문자로 적어야 합니다

constructor는 생성자 라는 의미로 class가 생성될 때 필수적으로 생성되는 것 으로 

처음 클래스가 생성될 때 초기화 하고 싶은 변수, 함수 를 적습니다

 

class를 사용하는 방법

class를 사용하려면 new 클래스이름(); 로 사용하게 됩니다

new로 class를 적게 되면 k라는 변수에 객체화 되어 사용할 수 있게 됩니다

User('bb')의 bb는 constructor의 data안에 매칭되는 구조로 되어 있습니다

 

*funciton(함수) 와 class의 차이점

funciton와 class가 차이없어보여서 기존에 익숙한 function을 사용하는게 편하다고 생각할 것 입니다

하지만 차이가 있다면

함수를 호출 할때 마다 function 함수명() {}을 계속 만들어 내어 메모리 과부하를 만들게 됩니다

반면 class는 클래스함수를 계속 만들어내지 않고 클래스함수는 공유한 채 호출만 합니다

 

속도면 혹은 과부하가 걸리는 프로그램 이라면 function보다는 class를 사용하는게 좋다고 생각합니다

'it > Es6' 카테고리의 다른 글

구조분해할당 (배열,객체 분해하기)  (0) 2022.03.29
전개연산자(배열합치기)  (0) 2022.03.29
export, import  (0) 2022.03.29
Arrow  (0) 2022.03.26
let, const  (0) 2022.03.26