본문 바로가기
JavaScript

클래스

by 융디's 2024. 4. 21.
728x90
클래스

클래스

@2024.04.03

클래스

💡
과거에는 프로토타입 기반의 객체지향 프로그래밍을 사용했으나,

ES6 이후에는 클래스 개념이 도입되어, 클래스를 기반으로 사용
  • class를 사용
  • 구성
    • 속성 : 상태
    • 메서드 : 동작
  • constructor() : 클래스의 인스턴스가 생성될 때 호출되며, 인스턴스 속성을 초기화 (생성자)
    class Animal {
    //생성자
    constructor(type, name, sound) { 
    	this.type = type;
    	this.name = name;
    	this.sound = sound;
    }
    // 메서드
    say() {
    	console.log(this.sound); 
    }
    }

상속

  • 상속을 할 때는 extends 사용
  • constructor에서 사용하는 super()는 부모 클래스의 생성자를 가리킨다.
    class Dog extends Animal {
    	constructor(name, sound) {
    	super('개', name, sound);
    	}
    }
728x90

'JavaScript' 카테고리의 다른 글

Promise  (1) 2024.04.21
비동기식 처리 및 이벤트 루프  (1) 2024.04.21
프로토타입  (0) 2024.04.21
객체 생성자  (0) 2024.04.21
단축 평가  (0) 2024.04.21