함수 방식 클래스

자바스크립트에서 함수 방식으로 클래스를 만드는 방식은 일반적으로 "프로토타입 기반 상속"을 기반으로 한다.

이 방식은 ES5이전의 자바스크립트에서 주로 사용되었고 ES6부터는 클래스 문법이 도입되어서 클래스르 더 쉽게 정의하고 상속할 수 있게 되었다.

하지만 함수 방식으로 클래스를 만드는 방법을 알아두면 이해하는데 도움 될 수 있다.

 

함수 방식 클래스 문법

function 클래스이름() {
    this.프로퍼티1=초깃값;
    this.프로퍼티2=초깃값;
    this.메서드1:function(){
    }
}
var 인스턴스 = new 클래스이름();

 

인스턴스 사용법

console.log(인스턴스.프로퍼티1);
인스턴스.메서드1();

이렇게 함수 방식은 하나의 함수 내부에 프로퍼티와 메서드를 정의 하는 구조이다. 프로퍼티와 메서드는 반드시 this에 정의 해야 한다. 함수방식 클래스를 만들면 여러 개의 인스턴스를 생성하고, 각 인스턴스는 고유한 속성을 가지며 공통된 메서드를 공유 할 수 있다.

 

함수방식 클래스 예시

function Person(name, age) {
  this.name = name;
  this.age = age;
  this.introduce=function(){
  	document.write("이름:"+this.name, "나이:"+this.age );
  }
}

//인스턴스 생성
var person1 = new Person("John", 25);
var person2 = new Person("Jane", 30);

//메서드 호출
person1.introduce();

자바스크립트에서는 클래스를 만드는 키워드가 따로 존재 하지 않기 때문에 일반 함수를 만드는 방법과 동일 하다.

때문에 일반함수와 클래스를 구분하기 위해서 보통 함수이름 첫글자를 대문자로 시작하면 클래스이고 소문자로 하면 일반함수이다.