[JavaScript] 클래스와 인스턴스

클래스와 인스턴스란?

Class : 모델이 되는 큰 청사진
Instance : 청사진을 바창으로 한 객체를 만드는 것

ES5 클래스 작성 문법

ES5 에서 클래스는 함수로 정의할 수 있다.

function Car(brand, name, color) {
  // 인스턴스가 만들어질 때 실행되는 코드
}

ES6 클래스 작성 문법

ES6 에서 클래스는 class라는 키워드로 정의할 수도 있다.

class Car { 
  	constructor(brand, name, color) {
 	 // 인스턴스가 만들어질 때 실행되는 코드
	}
}

인스턴스 생성

인스턴스를 만들 때에는 new 키워드를 사용한다.

let avante = new Car('hyundai', 'avante' 'black');
let mini = new Car('bmw', 'mini' 'white');
// 각각의 인스턴스는 Car라는 클래스의 고유한 속성과 메서드를 갖는다.

prototype, constructor, this

prototype	모델의 청사진을 만들 때 쓰는 원형 객체
constructor	인스턴스가 초기화될 때 실행하는 생성자 함수
this	함수가 실행될 때, 해당 scope마다 생성되는 고유한 실행 컨텍스트. new 키워드로 인스턴스를 생성했는 때에는. 해당 인스턴스가 바로 this의 값이 됨