📌 객체를 생성할 수 있는 템플릿(틀)

객체지향 프로그래밍(Object-Oriented Programming)

객체지향 프로그래밍에서는 prototype을 기반으로 객체를 만들었지만,

ES6문법 이후 class를 기반으로 객체지향 프로그래밍을 할 수 있다.

클래스가 프로토타입보다 간편하다.

📌

클래스를 통해 객체를 만들 수 있고, 그 객체를 인스턴스라고 한다.

<aside> 📌 Class는 객체지향 프로그래밍에서 특정 객체(인스턴스)를 생성하기 위한 변수와 메소드(함수)를 정의하는 일종의 틀이다.

</aside>

📌 기본 형태

//Class Keyword

class Group {
    name = '대파';
    year = 2019;
}

const daepa = new Group();

console.log("daepa: ", daepa);
//Group { name: '대파', year: 2019 }

⭐️ 단, 자바스크립트에서의 예외

class Dog {
    //프로퍼티(속성)
    //name;
    //year;
    
    constructor(name, year) {
        //this는 현재 인스턴스를 말한다.
        this.name = name;
        this.year = year;
    }
}

프로퍼티를 미리 정의하지 않고, constructor만으로도 사용이 가능하다!

✏️ constructor - 생성자

//constructor - 생성자
// 함수에서의 파라미터와 비슷한 역활을 한다.

class Dog {
    //프로퍼티(속성)
    name;
    year;
    
    constructor(name, year) {
        //this는 현재 인스턴스를 말한다.
        this.name = name;
        this.year = year;
    }
}

✏️ 인스턴스

new 키워드를 통해서 만든 객체 하나하나를 인스턴스라고 부른다.

//인스턴스
const bom = new Dog();
console.log("bom: ", bom);
//Dog {name: undefined, year: undefined}

//인스턴스
const sangchu = new Dog("상추", 2010);
console.log("sangchu: ", sangchu);
//Dog {name: '상추', year: 2010}

console.log(sangchu.name);
//상추
console.log(sangchu.year);
//2010