자바스크립트 클래스: 객체 지향 프로그래밍의 새로운 시작

Photo of author

By tutor

자바스크립트 클래스: 객체 지향 프로그래밍의 새로운 시작

자바스크립트 클래스: 객체 지향 프로그래밍의 새로운 시작

 

자바스크립트 클래스: 객체 지향 프로그래밍의 새로운 시작

개요

자바스크립트 클래스는 객체 지향 프로그래밍에서 핵심 개념 중 하나입니다. ES6 버전부터 등장한 자바스크립트 클래스는 이전에는 프로토타입 기반의 객체 생성 방식이 주를 이루었던 자바스크립트에서 객체 생성 및 상속을 쉽게 할 수 있게 해주는 기능입니다.

클래스 선언 및 인스턴스 생성

class Animal {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  
  getDescription() {
    return `이 동물의 이름은 ${this.name}이고, 나이는 ${this.age}살입니다.`;
  }
}

const cat = new Animal("고양이", 3);
console.log(cat.getDescription()); // "이 동물의 이름은 고양이이고, 나이는 3살입니다."

Animal 클래스를 정의하고, new 키워드를 이용하여 cat 객체를 생성하였습니다. cat.getDescription() 메서드를 통해 cat 객체의 속성값을 문자열로 반환받을 수 있습니다.

상속

class Dog extends Animal {
  constructor(name, age, breed) {
    super(name, age);
    this.breed = breed;
  }
  
  getDescription() {
    return `이 동물의 이름은 ${this.name}이고, 나이는 ${this.age}살입니다. 종은 ${this.breed}입니다.`;
  }
}

const poodle = new Dog("푸들", 2, "토이 푸들");
console.log(poodle.getDescription()); // "이 동물의 이름은 푸들이고, 나이는 2살입니다. 종은 토이 푸들입니다."

Animal 클래스를 상속받은 Dog 클래스를 정의하고, new 키워드를 이용하여 poodle 객체를 생성하였습니다. poodle.getDescription() 메서드를 통해 poodle 객체의 속성값을 문자열로 반환받을 수 있습니다.

결론

자바스크립트 클래스는 ES6부터 도입된 기능으로, 객체 지향 프로그래밍에서 객체 생성과 상속을 쉽게 할 수 있게 해주는 역할을 합니다. 이전에는 복잡한 프로토타입 기반의 객체 생성 방식이 주를 이루었던 자바스크립트에서는 클래스를 사용함으로써 코드의 가독성과 유지보수성이 좋아지게 됩니다.

Keywords: 자바스크립트 클래스, 객체 생성, 상속