[JavaScript] 클래스 선언 및 사용하기

by

#자바스크립트 #class #클레스 #constructor #생성자 #JS #개발 #코딩 #자바

안녕하세요, 배곧동개발자 입니다.

요즘 지식in에 답변을 좀 달아주면서 재미를 좀 찾고 있는데, 자바스크립트에서 클래스를 사용하는 것에 대한 질문들이 조금 있더라구요?

저는 사실 자바스크립트에서 클래스를 잘 쓰지 않고 Json으로 넘겨받아 사용하기에 클래스를 쓸 일도 없고 공부할 일도 거의 없다보니 개념이 헷갈렸어서 슬쩍 한번 남겨봅니다.

​1. 클래스 선언하기

먼저 class 선언을 해봅시다. 다른 언어들과 동일해요. 단, 생성자가 constructor 라는 것만 명심해주세요!

class product{
   constructor(name, weight, price){
      this.name = name;
      this.weight = weight;
      this.price = price;
      this.buyer = "";
   }
   setBuyer(b){
      this.buyer = b;
   }
   calc(w){
      console.log(this.buyer+"님의 주문 : " + this.name + 'g ' + w + '' +  (w / this.weight * this.price) + '원');
   }
}

보시면 특별히 다른 점 모르겠지요? 내장함수들도 리턴형 없이 함수명과 파라미터로 선언합니다. 그러면 끝!

​2. 클래스 사용

​이렇게 만든 클래스를 한번 사용해봅시다.

const one = new product('돼지삼겹살','100','1690');
one.setBuyer("jang");
one.calc(200);
        
one.setBuyer("mini");
one.calc(500);

위에 만든 product라는 클래스 이용해 간단한 테스트를 진행해봤습니다. 위 코드처럼 하면 결과는 어떨까요?

클래스를 선언한 대로 아주 잘 작동하는걸 보실 수 있습니다. 아마 다른 언어에서 클래스를 다뤄보신 분이라면 어렵지 않으실겁니다.

딱히 많이 쓰지는 않지만, 그래도 알아두면 좋은 자바스크립트 클래스 선언 및 사용 방법. 참 쉽죠?

​이만, 배곧동개발자 였습니다.

Leave a Comment