[JavaScript] 자바스크립트 - 클래스와 인스턴스 그리고 필드

자바스크립트에서 클래스와 인스턴스 그리고 필드에 대해 붕어빵으로 예시를 들 알아보자.

클래스(Class)

클래스는 붕어빵을 만드는 틀과 같다.
붕어빵 틀은 붕어빵이 어떤 모양을 가질지,
어떤 재료가 필요한지 등을 정의한다.
이 틀을 사용하여 실제 붕어빵을 여러 개 만들 수 있다.

• 틀: 붕어빵의 기본적인 형태와 필요한 재료를 정의한다.
• 재사용성: 동일한 틀을 사용해 여러 번 붕어빵을 만들 수 있다.
• 캡슐화: 붕어빵의 모양과 재료를 하나의 틀로 묶어 놓다.
• 상속 가능: 다른 클래스로부터 속성과 메서드를 상속받아 사용할 수 있음.

 

인스턴스(Instance)

인스턴스는 클래스를 바탕으로 만들어진 실제 붕어빵이다.
붕어빵 틀에 반죽을 부어 실제로 구운 결과물이 바로 인스턴스이다.
각각의 붕어빵은 독립적으로 존재하며,
비록 같은 틀로 만들어졌지만
각각 다른 특성(예: 앙금의 양, 구운 정도)을 가질 수 있다.

• 구체화: 붕어빵 틀에서 실제로 구워진 붕어빵이다.
• 개별성: 같은 틀에서 만들어졌어도 각 붕어빵은 독립적인 존재이다.
• 상호작용: 인스턴스는 다른 객체나 인스턴스와 상호작용할 수 있으며, 메서드를 통해 내부 상태를 변경할 수 있음

 

필드(Field)

필드는 붕어빵에 채워지는 앙금의 종류나 양과 같은 특성을 나타낸다.
붕어빵 클래스에는 앙금의 종류나 양이 얼마나 들어가야 하는지 정의할 수 있다.

• 데이터 저장: 붕어빵의 앙금 종류나 양을 저장합니다.
• 기본값 설정 가능: 붕어빵 틀에서 필요한 앙금의 양을 기본값으로 설정할 수 있습니다.
• 접근 제어: 필드는 private, public, protected 등의 접근 제어자를 사용하여 접근 범위를 제한할 수 있다.

 

[예시 코드]

class Bungeoppang {
    // 필드 정의
    dough = "basic dough"; // 기본 반죽

    // 생성자
    constructor(filling = "red bean") {
        this.filling = filling; // 앙금 종류
    }

    // 메서드 정의
    cook() {
        console.log(`A Bungeoppang with ${this.filling} filling and made of ${this.dough} is ready!`);
    }
}

// 클래스의 인스턴스 생성
const classicBungeoppang = new Bungeoppang();
const creamBungeoppang = new Bungeoppang("cream");

// 인스턴스 메서드 호출
classicBungeoppang.cook(); // 출력: A Bungeoppang with red bean filling and made of basic dough is ready!
creamBungeoppang.cook(); // 출력: A Bungeoppang with cream filling and made of basic dough is ready!