ES6 이전의 JS에서 클래스 생성

Angular만 사용하다가 JS 기초가 부족한거 같아서 공부하다가 ES6 이전에서 클래스 생성 방법을 정리해본다.

1. 리터럴방식
   var 인스턴스= {
     property1: 초기값1,
     property2: 초기값2,
   
     메서드1 : function(){
   }
   }

 

 

=>
 ' ; ' 을사용하지않음
new 연산자사용x
인스턴스를여러개만들수없음-> 코드의재사용보다는데이터의패키징용
 

 

 

 

 

2. 함수방식
   
   function 클래스이름(){
     this.property1= 초기값1,
     this.property2= 초기값2,
   
     this.메서드1 : function(){
     }
   }
   
   =>
   var 인스턴스= new 클래스이름(); 처럼사용
   프로퍼티와메서드는반드시자기자신을나타내는this로정의
   클래스이름자체가생성자, 인스턴스가생성될때자동호출
   
   특징
   1. 코드재사용
   2. 메서드가중복될수있는단점( 이러한이유로실무에서자주사용x )
   
   
   
    
3. 프로토타입방식
   
   // 클래스생성자
   function 클래스이름(){

 this.property1= 초기값1,
  this.property2= 초기값2,
}
// 메서드정의
클래스이름.prototype.메서드= function(){}
// 인스턴스생성
var 인스턴스= new 클래스이름();

클래스이름.property.메서드1 = function(){}
클래스이름.property.메서드2 = function(){}


=>

특징
1. 코드재사용
2. 메서드공유
3. 상속