js) 생성자 함수

todo: 자바스크립트 중급 강좌: 140분 완성 듣고 정리하기

https://youtu.be/4_WLS9Lj6n4

생성자 함수 공부

---

객체를 만들때 아래와 같이 생성하는걸 객체리터럴이라고 함. 

const user = {
    name: 'dody', 
    age: 30
}

객체리터럴 말고 생성자 함수를 이용해서도 객체를 만들 수 있다. 같은 형태 객체를 여러개 만들어야 할때 생성자 함수로 하곤 한단다.

생성자 함수에는 룰이 2가지 있는데, 보통 생성자 함수 이름 첫글자를 대문자로, new 연산자로 호출하기

function User(name, age){
    this.name = name;
    this.age = age;
}

let user1 = new User('dody', 30);

작동시키는 코드를 보면, new 함수명(); 로 생성자 함수를 호출한다.

function User(name, age){
    // this = {}; 
    this.name = name; // this에 프로퍼티 추가
    this.age = age; // this에 프로퍼티 추가
    this.sayName = function (){
        console.log(this.name)
    } 
    // return this;
}

let user1 = new User('dody', 30);

생성자 함수를 사용하면,

1) 일일히 객체리터럴로 객체를 만드는것보다, 간편하고 일관적이게 객체를 만들어 사용할 수 있다.

2) 맨 첫줄, this 객체가 자동 생성된다고 볼 수 있음.

3) return을 따로 하지 않아도 this가 자동으로 리턴됨

4) 함수를 넣을 수 도 있고, user1.sayName(); // 'dody' 이런식으로 사용할 수 도 있다.