[JS] chapter15. 객체 지향 - 클래스와 인스턴스

 

 

 

 

 

 

 

 

📌 클래스와 인스턴스

 

 

🧷 객체 지향 프로그래밍

 

하나의 모델이 되는 청사진을 만들고 그 청사진을 바탕으로 한 객체를 만드는 프로그래밍 패턴

청사진 - class

객체 - instance

 

 

class - 대문자로 시작하며 일반명사로 만든다

            속성과 메소드를 정의

 

function Car(color) {}

// 클래스는 함수 정의 가능
// ES6에서는 class 라는 키워드를 이용해 정의 가능

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

 

instance - 클레스에서 정의한 속성과 메소드를 이용

 

let avante = new Car('blue') // 각각의 인스턴스는 Car라는 클래스의 고유한 속성과 메소드를 갖는다
let mini = new Car('cyan')
let beetles = new Car('red')

 

 

속성과 메소드의 정의

 

// 속성의 정의

function Car(brand, name, color) {
	this.brand = brand;
    this.name = name;
    this.color = color;
}

//ES6 문법

class Car{
	constructor(brand, name, color) {
    	this.brand = brand;
        this.name = name;
        this.color = color;
    }
}

// 메소드의 정의

function Car(brand, name, color) {
	Car.prototype.refuel = function() {
    	// 연료 공급을 구현하는 코드
    }
    Car.prototype.drive = function() {
    	// 운전을 구현하는 코드
    }
}

//ES6 문법

class Car{
	constructor(brand, name, color) {
    	refuel() {
        }
        drive() {
        }
    }
}

 

인스턴스에서의 사용

 

let avante = new Car('hyundai','avante','black');
avante.color; // 'black'
avante.drive(); // 아반떼가 운전을 시작

let mini = new Car('bmw','mini','white');
mini.brand; // 'bmw'
mini.refuel(); // 미니에 연료를 공급함

 

 

💡 알아두어야 하는 용어

 

prototype : 모델의 청사진을 만들 때 쓰는 원형 객체

constructor : 인스턴스가 초기화될 때 실행하는 생성자 함수

this : 함수가 실행될 때, 해당 범위마다 생성되는 고유한 실행 context

 

 

🧐 클래스로부터 인스턴스를 만들 때 어떤 키워드를 써야 하는지 고르세요.

 

answer : new