> For the complete documentation index, see [llms.txt](https://jangar6621.gitbook.io/javascript-jquery/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jangar6621.gitbook.io/javascript-jquery/undefined-2/class.md).

# 클래스

```javascript
// 클래스(es6)(생성자가 있음) : 함수의 집합체
class Info6{
    constructor(name, job){
        this.name = name;
        this.job = job;
    }
    study(){
        document.write("8. 내 이름은 " + this.name + "이며, 직업은 " + this.job + "입니다.<br>");
    }
}
// + 인스턴스 객체 생성 
const str7 = new Info6("아름","웹 퍼블리셔");
const str8 = new Info6("장아름","프론트앤드 개발자");
// + 메서드 실행
str7.study();
str8.study();
```

## 클래스 상속

```javascript
 class Box1 {
    constructor(name,active){
        this.name = name;
        this.active = active;
    }
    study(){
        document.write(this.name + "이 " + this.active + "되었습니다.<br>");
    }
}
class Box2 extends Box1 {
    constructor(name,active,today){
        super(name,active);
        this.today = today;
    }
    study2(){
        document.write(this.today + this.name + "이 " + this.active + "되었습니다.<br>");
    }
}
const result5 = new Box1("함수9","실행");
const result6 = new Box2("함수10","실행","오늘도");

result5.study();
result6.study();
result6.study2();
```