국비지원 공부 정리/JavaScript

javascript에서의 클래스와 상속

worldstroy 2025. 3. 20. 09:42

클래스란?

• ES6 부터 등장한 오브젝트(객체)를 만드는 방법
• 오브젝트(객체)를 만들 수 있는 ‘틀’(template)
• 정해진 틀로 같은 규격의 오브젝트를 여러 개 만들 수 있으며, 재사용에 유리
  new 키워드를 이용해서 미리 만들어둔 클래스 형태의 오브젝트를 만들 수 있음 (instance 화)
•  Date, Math 객체도 동일한 의미의 클래스 

 

 

클래스의 사용 방법

class Cat {
 	constructor(name, age) {
   		this.name = name;
   		this.age = age;
 	}
 	mew() {
 		console.log("야옹");
 	}
 	eat() {
  		console.log("먹이를 먹습니다.");
 	}	
 }
 let cat1 = new cat("나비", 1); 
 let cat2 = new cat("상호", 1);

 

클래스의 상속

• extends 라는 키워드 사용해서 ‘상속’을 받을 수 있어요.
• 상속을 이용하면, 기존에 있던 클래스의 속성과 메소드를 받아와서 사용하되, 추가적인 속성과 메소드를 더 정의할 수 있습니다.