JavaScript 클래스 / 상속

클래스

클래스는 객체 지향 프로그래밍에서 특정 객체를 생성하기 위해 변수와 메소드를 정의하는 일종의 틀로, 객체를 정의하기 위한 상태(멤버 변수)와 메서드(함수)로 구성된다

class study {
    constructor(num, name, job) {
        this.num = num;
        this.name = name;
        this.job = job;
    }

    result() {
        document.write(this.num + ". 내 이름은 " + this.name + "이며, 직업은 " + this.job + "입니다.")
    }
}

const info1 = new study("1", "웹쓰", "웹퍼블리셔");
const info2 = new study("2", "웹스토리보이", "프론트앤드 개발자");

info1.result();
info2.result();

결과보기

클래스 상속

클래스를 상속받는 방법은 클래스 이름 뒤에 extends를 붙이고 상속받을 클래스를 채택하면 됩니다. 일반 함수로 만든 객체와 같이 부모가 가지고 있는 메서드를 사용할 수 있습니다.

class study {
    constructor(num, name, job) {
        this.num = num;
        this.name = name;
        this.job = job;
    }

    result() {
        document.write(this.num + ". 내 이름은 " + this.name + "이며, 직업은 " + this.job + "입니다.")
    }
}

class study2 extends study {
    constructor(num, name, job, age) {
        super(num, name, job);
        this.age = age;
    }

    result2() {
            document.write(this.num + ". 내 이름은 " + this.name + "이며, 직업은 " + this.job + "이며 나이는 " + this.age + "살 입니다.");
    }
}

const info1 = new study("1", "웹쓰", "웹퍼블리셔");
const info2 = new study2("2", "웹스토리보이", "프론트앤드 개발자", 100);

info1.result();
info2.result();
info2.result2();

결과보기