클래스(class)란 무엇인가?
클래스(class)는 일종의 함수이지만, function 키워드 대신 class 키워드를 사용하여 선언합니다. 그리고 객체의 속성(property)은 constructor() 메서드 내부에서 할당합니다. constructor() 메서드는 클래스 객체가 초기화될 때마다 자동으로 호출됩니다.
쉽게 말해 클래스는 객체를 생성하기 위한 설계도(템플릿)라고 할 수 있습니다. new 키워드를 사용해 인스턴스를 만들면 생성자가 실행되며, 각 객체에 고유한 속성 값이 부여됩니다.
핵심 포인트
- class 키워드로 클래스를 선언한다.
- constructor() 메서드 안에서 속성을 정의하고 초기화한다.
new키워드를 사용해 클래스의 인스턴스(객체)를 생성한다.
예제 1
다음 예제에서는 'Company'라는 클래스를 생성하고, constructor() 메서드 안에서 회사 이름을 할당한 후 그 결과를 화면에 출력합니다.
<html>
<body>
<p id="class"></p>
<script>
class Company {
constructor(branch) {
this.name = branch;
}
}
myComp = new Company("Tutorialspoint");
document.getElementById("class").innerHTML = myComp.name;
</script>
</body>
</html>출력 결과
Tutorialspoint
예제 2
아래 예제 역시 동일한 방식으로 클래스를 정의하지만, DOM 요소 대신 document.write()를 사용하여 값을 즉시 화면에 출력합니다.
<html>
<body>
<script>
class Company {
constructor(branch) {
this.name = branch;
}
}
myComp = new Company("Rk enterprises");
document.write(myComp.name);
</script>
</body>
</html>출력 결과
Rk enterprises
정리
자바스크립트의 클래스는 객체 지향 프로그래밍의 기본 단위입니다. class 키워드로 선언하고, constructor() 메서드에서 속성을 초기화한 뒤, new 키워드로 인스턴스를 생성하면 됩니다. 이 두 가지 예제처럼 클래스를 활용하면 동일한 구조를 가진 여러 객체를 효율적으로 만들고 관리할 수 있습니다.