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

# Class

작성일: 2018-02-09

```javascript
class Person {
  constructor(name) {
    this._name = name;
  }

  sayHi() {
    console.log(`Hi, ${this._name}!`);
  }
}

const me = new Person('Park');
me.sayHi();

console.log(me instanceof Person);
```

## contructor

* 인스턴스의 생성 및 초기화
* 클래스 내 한개만 존재해야 함
* 생략 가능

## 멤버변수

* 클래스 바디에는 메소드만 포함 가능
* contructor 내부에서 멤버 변수의 선언 및 초기화는 가능

## this

* 클래스의 인스턴스이다.
* public 이며, 외부에서 참조 가능하다.

## 호이스팅(Hoisting)

```javascript
const foo = new Foo();
class foo {}
```

* 클래스 선언문 이전에 클래스를 참조하면 참조 오류 발생

## getter

```javascript
class Foo {
  constructor(arr = []) {
    this._arr = arr;
  }

  get firstEl() {
    return this._arr.length ? this._arr[0] : null;
  }
}

const foo = new Foo([1, 2]);
console.log(foo.firstEl); // 1
```

* 멤버변수처럼 사용된다.
* getter 는 반드시 무언가를 반환해야 한다.

## setter

```javascript
class Foo {
  ...
  set firstEl(el) {
    this._arr = [el, ...this_arr] // [100, 1, 2]
  }
}

foo.firstEl = 100;
console.log(foo.firstEl); // 100
```

## 정적 메소드

```javascript
class Foo {
  ...

  static staticMethod() {
    return 'Hi'
  }
}
```

* 클래스의 인스턴스화 없이 호출한다.
* 클래스의 인스턴스로 호출할 수 없다.
* ex) Math.abs(-1)

## 클래스 상속(Inheritance)

**Base Class**

```javascript
Class BaseClass {
  constructor(weight) {
    this._weight = weight;
  }

  weight() {
    console.log(this._weight);
  }

  eat() {
    console.log('Animal eat.');
  }
}
```

**Sub Class**

```javascript
class Human extends Animal {
  constructor(weight, language) {
    super(weight);
    this._language = language;
  }

  // 메소드 오버라이드: 상위 클래스의 메소드를 하위 클래스가 재정의함.
  eat() {
    console.log('Human eat.');
  }

  speak() {
    console.log(`speaking language is ${language}.`);
  }
}

const korean = new Human(45, 'Korean');
korean.weight(); // 45
korean.eat(); // Human speak Korean
korean.speak(); // speaking language is Korean.

console.log(Korea instance of Human); // true
console.log(Korea instance of Animal); // true
```

* super 키워드는 부모 클래스의 contructor 를 호출한다.
* 자식 클래스에서 super()를 호출하지 않으면 참조 오류가 발생한다.
* super()를 호출하기 이전에는 this 를 참조할 수 없다.
* 부모 클래스의 정적 메소드도 상속된다.
* 자식 클래스의 일반 메소드에서는 super 를 사용하여 정적 메소드를 호출할 수 없다.
* 오버로딩(메소드 확장)은 지원하지 않으나 arguments 객체를 활용할 수는 있다.

## 기타

* private, public, protected 와 같은 접근 제한자를 지원하지 않는다.

참고

[poiemaweb](http://poiemaweb.com/es6-class)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://molla4455.gitbook.io/dev-log/es6/class.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.