자바스크립트의 객체 생성

자바스크립트의 객체는 {} 대괄호로 간단히 만들 수 있다.

1. 리터럴 표기법
    const 객체명= {}; // 빈 객체 생성
    const 객체명= {
        프로퍼티명1: 값;
        프로퍼티명2: 값2;
    }

✔ 프로퍼티(property)
- 자바스크립트 객체 내의 변수 또는 함수
- 객체 내의 변수는 프로퍼티라고 부르며, 함수는 프로퍼티 메소드라고 부름

 

2. 생성자를 이용한 객체 생성
- new 연산자를 사용하여 객체를 생성하고 초기화 할 수 있음
- 생성자는 메소드이며, 이 메소드는 새롭게 생성되는 객체를 초기화하는 역할을 함

    function 생성자명(매개변수1, 매개변수2..){
        this.프로퍼티명1: 값1;
        this.프로퍼티명2: 값2;
        ...
        this.프로퍼티 메소드명1=function(){

        }

    }

    const 객체명1= new 생성자명(값1, 값2);
    const 객체명2= new 생성자명(값1, 값2);

 

3. 클래스를 이용한 객체생성
    const 클래스명 = class{
        constructor(매개변수1, 매개변수2..){
            프로퍼티명1= 값1;
            프로퍼티명2= 값2;
            ..
        }
        메소드명(매개변수1, 매개변수2){

        }
        ..
    }

    const 객체명1= new 클래스명(값1, 값2);

 

생성자와 클래스를 활용하여 만드는 객체는 재사용이 가능하다는 장점이 있다.