자바스크립트 클래스 사용 예제

자바스크립트에서 클래스를 사용하는 방법에 대한 내용을 다룹니다.

개요

클래스는 객체(Object)를 만들기 위한 템플릿이고, 데이터를 처리하기 위해 데이터를 캡슐화한다.
자바스크립트의 클래스는 프로토타입(Prototype)을 기반으로 한다.

자바스크립트 클래스 생성

자바스크립트에서 클래스를 사용할 때는 class 키워드를 사용하며 constructor() 메서드를 필수로 사용한다.

다음은 자바스크립트 클래스를 생성하는 코드이다.

class jsClass {
	constructor() { // 코드 }
}

구성요소

자바스크립트 클래스에는 3가지 구성요소를 가진다.

구성요소는 필드 ( Field ), 생성자 ( Constructor ), 메서드 ( Method ) 이다.

필드는 단순히 데이터를 저장하고 출력을 하며, 생성자는 클래스를 객체화하여 사용할 수 있도록 한다. 메서드는 클래스 내에서 특정 작업을 한다.

Constrouctor / 생성자
- 클래스를 객체화하고 메모리에 올린 후 사용할 수 있도록 한다.

Field / 필드 ( 데이터 저장 공간 )
- 클래스 내부에서 데이터를 저장하는 변수 또는 공간을 의미한다.

Method / 메서드
- 클래스 내부의 특정 동작과 작업을 한다.

함수 추가

자바스크립트 클래스의 함수를 추가하기 할 때는 함수명과 () 를 사용한다.
아래는 자바스크립트 클래스에 함수를 추가하는 방법을 보여준다.

class jsClass {
	constructor() {}
	jsMethod_1() { /** 코드 */ };
	jsMethod_2() { /** 코드 */ };
	jsMethod_3() { /** 코드 */ };
};