[JavaScript] 클래스와 인스턴스

• class(클래스) : 객체를 생성하기 위한 템플릿
• instance(인스턴스) : 클래스의 속성과 메소드를 담고 있는 객체

---

클래스의 속성과 메소드 정의

// 클래스 생성 (ES5)
function Car (brand, name, color) {
  this.brand = brand;
	this.name = name;
	this.color = color;
	}
	Car.prototype.refuel = function() {  // 메소드
	//prototype : 키워드를 사용하여 속성이나 메소드 정의
	return `${this.name}에 연료를 공급합니다.`
	}
	Car.prototype.drive= function() {  // 메소드
	return `${this.name}가 운전을 시작합니다.`
	}
    
// 클래스 생성 (ES6)
class Car {
  constructor(brand, name, color) { // constructor : 인스턴스가 초기화될 때 실행하는 생성자 함수
    this.brand = brand; 
    this.name = name;
    this.color = color;
    }
    refuel() { 
      return `${this.name}에 연료를 공급합니다.`
    }
    drive() {
      return `${this.name}가 운전을 시작합니다.`
    }
}

속성	메소드
brand	refuel()
name	drive()
color

---

클래스의 인스턴스 생성

// 인스턴스 생성 (=avante, mini beetles)
// new 키워드 사용
let avante = new Car('hyundai', 'avante', 'black');
let mini = new Car('bmw', 'mini', 'white');
let beetles = new Car('volkswagen', 'beetles', 'red');

// 각 인스턴스는 클래스의 고유한 속성과 메서드를 갖게됨
console.log(avante.color); // black
console.log(avante.drive()); // avante가 운전을 시작합니다.

console.log(mini.brand); // bmw
console.log(beetles.brand) // volkswagen