JS - 객체지향(class)

Dongs·2023년 3월 14일
0

HTML, CSS, JavaScript

목록 보기
10/12

JS에서의 Class

class Person {
  
}
  • 기본적인 js에서 클래스 선언은 위와 같이 한다.
class Person {
  constructor(){
  
  }
}
  • 또한 class 안에서 선언되는 함수들은 function 이라는 키워드를 생략한다.
class Person {
  constructor(){
  	console.log('constructor');
  }
}
  • 객체가 만들어지기 직전에 실행되는 함수가 존재하는데 그게 바로 constructor 라는 함수이다. 함수의 이름은 바꿀 수 없다.

출력 예

class Person {
  constructor(name, first){
  	this.name= name;
    this.first = first;
  }
}

let user = new Person("김동현", 20);
console.log(user);
  • 위의 코드는 user라는 변수안에 Person이라는 이름을 가진 클래스 객체가 생성되어 담긴다. 담기기 이전에 constructor라는 함수가 먼저 실행되며 최종적으로는

Person { name: "김동현", first: 20 }

과 같이 콘솔에 찍히게 된다.

profile
자대고 css 하는 프론트엔드 개발자

0개의 댓글