자바스크립트 class extends

JavaScript 클래스 상속은 객체 지향 프로그래밍의 중요한 개념 중 하나입니다. 클래스 상속을 이용하면 이미 존재하는 클래스에서 속성과 메소드를 상속받아 새로운 클래스를 만들 수 있습니다. JavaScript에서는 extends 키워드를 사용하여 클래스를 상속하며, 이를 이용하면 코드의 재사용성이 높아지고 유지보수성이 향상됩니다.

 

클래스 상속이란?

 

JavaScript 클래스 상속은 한 클래스가 다른 클래스로부터 속성과 메소드를 물려받아 새로운 클래스를 생성하는 것을 의미합니다. 이를 통해 기존 클래스의 코드를 재사용하여 새로운 클래스를 만들 수 있습니다. 이러한 상속 구조를 통해 코드의 중복성을 줄이고 코드의 가독성과 유지보수성을 향상시킬 수 있습니다.

 

extends 키워드

 

JavaScript에서는 extends 키워드를 사용하여 클래스 상속을 구현합니다. extends 키워드를 사용하면 자식 클래스가 부모 클래스의 속성과 메소드를 상속받을 수 있습니다.

 

class Animal {
    constructor(name) {
    	this.name = name;
    }

    speak() {
    	console.log(`${this.name} makes a noise.`);
    }
}

class Dog extends Animal {
    constructor(name) {
    	super(name);
    }

    speak() {
        console.log(`${this.name} barks.`);
    }
}

let dog = new Dog('Rufus');
dog.speak(); // Output: "Rufus barks."

 

위의 예제에서 Animal 클래스가 부모 클래스이며, Dog 클래스가 자식 클래스입니다. Dog 클래스는 extends 키워드를 사용하여 Animal 클래스를 상속합니다. 따라서 Dog 클래스는 Animal 클래스에서 정의한 속성과 메소드를 모두 상속받게 됩니다.