JavaScript - 클래스 함수

클래스

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

---

기본문법

class MyClass {
// 여러 메서드를 정의할 수 있음
constructor() { ... }
method1() { ... }
method2() { ... }
method3() { ... }
...
}

클래스 사용 예제

class study {
    constructor(num, name, job) {
        this.num = num;
        this.name = name;
        this.job = job;
    }
    result() {
        console.log(this.num + "이름 : " + this.name + "직업 : " + this.numjob);
    }
}
const info1 = new study("1", "중호", "개발자");
const info2 = new study("2", "호중", "퍼블리셔");
info1.result();
info2.result();

결과 확인하기

클래스 상속

클래스 상속을 사용하면 클래스를 다른 클래스로 확장할 수 있습니다.
기존에 존재하던 기능을 토대로 새로운 기능을 만들 수 있죠.
extends 키워드 는 기존 부모의 클래스를 상속받는 키워드이며,
super 키워드는 이럴때 사용합니다.
super.method(...)는 부모 클래스에 정의된 메서드, method를 호출합니다.
super(...)는 부모 생성자를 호출하는데, 자식 생성자 내부에서만 사용 할 수 있습니다.

클래스 상속 사용 예제

class study {
    constructor(num, name, job) {
        this.num = num;
        this.name = name;
        this.job = job;
    }
    result() {
        console.log(this.num + " 이름 : " + this.name + " 직업 : " + this.job + "
");
    }
}
class study2 extends study {
    constructor(num, name, job, age) {
        super(num, name, job, age);
        this.age = age;
    }
    result2() {
        console.log(this.num + " 이름 : " + this.name + " 직업 : " + this.job + " 나이 : " + this.age + "
");
    }
}
const info1 = new study("1", "중호", "개발자");
const info2 = new study2("2", "호중", "퍼블리셔", "26");
info1.result();
info2.result();
info2.result2();

결과 확인하기