클래스를 활용한 모듈화: 자바스크립트에서 개별 기능 조합하기.
자바스크립트에서 클래스를 이용하면 코드를 재사용 가능한 단위로 분리하고, 이를 조합하여 다양한 기능을 구현할 수 있습니다.
이를 '모듈화한다'라고도 말할 수 있습니다.
class
키워드를 사용하여 새로운 클래스를 정의하고, 그 안에 메서드를 추가합니다.
class MyClass {
myMethod() {
console.log('Hello, world!');
}
}
클래스를 정의한 후에는 new
키워드를 사용하여 클래스의 인스턴스를 생성할 수 있습니다.
const myInstance = new MyClass();
myInstance.myMethod(); // 'Hello, world!'를 출력합니다.
클래스를 조합하여 더 복잡한 기능을 구현할 수 있습니다. 예를 들어, User
클래스와 Product
클래스가 있다면, 이 두 클래스를 조합하여 Purchase
클래스를 만들 수 있습니다.
class User {
constructor(name) {
this.name = name;
}
}
class Product {
constructor(name, price) {
this.name = name;
this.price = price;
}
}
class Purchase {
constructor(user, product) {
this.user = user;
this.product = product;
}
printReceipt() {
console.log(`${this.user.name}님이 ${this.product.name}을/를 ${this.product.price}원에 구매하셨습니다.`);
}
}
const user = new User('홍길동');
const product = new Product('커피', 5000);
const purchase = new Purchase(user, product);
purchase.printReceipt(); // '홍길동님이 커피를 5000원에 구매하셨습니다.'를 출력합니다.
이와 같이, 클래스를 활용하면 코드를 더욱 간결하고 깔끔하게 관리할 수 있어 재사용성을 높일 수 있습니다.