[javascript] class

jinwonShen·2025년 1월 25일

javascript

목록 보기
31/52
post-thumbnail

class

class 선언은 프로토타입 기반 상속을 사용하여, 주어진 이름의 새로운 클래스를 만든다.

간단한 예시

class Polygon {
  constructor(height, width) {
    this.name = "Polygon";
    this.height = height;
    this.width = width;
  }
}

따라하기


Getter & Setter

클래스의 메소드 부분에 get 이라는 키워드가 붙어 속성처럼 사용하는 것이 가능하고 값을 얻을 때 함수가 실행이 된다.

set 이라는 키워드가 붙어있는 메소드이고 마치 속성처럼 사용하되 할당연산자로 값을 지정할 때 호출되는 함수다.

따라하기


정적 메소드(Static method)

정적 메소드는 주로 클래스의 유틸리티 (보조) 함수를 만들 때 사용한다. 인스턴스와는 연결되지 않으며, 클래스 자체에서 호출해야 한다.

따라하기

상속(Inheritance)

클래스의 속성과 메소드를 다른 클래스에게 확장(Extends)해 재사용 하는 기능을 말한다.

간단한 예시

class A {
  constructor(a) {
    this.a = a;
  }
}

class B extends A {
  constructor(a, b) {
    super(a);
    this.b = b;
  }
}

const a = new A(1);
const b = new B(1, 2);

console.log(a);
console.log(b);

따라하기


profile
하면 된다. | 좋은 FE 개발자 되기

0개의 댓글