생성자 함수

최현호·2022년 4월 4일
0

JavaScript

목록 보기
11/38
post-thumbnail

생성자 함수

필요한 재료들을 넣어주고 찍어내는 붕어빵 판과 같습니다.


문법

function User(name, age){ // 첫 글자는 대문자로
    this.name = name;
    this.age = age;
}

let user1 = new User("Mike", 30);
let user2 = new User("Jan", 17);
let user3 = new User("Tom", 20);
  • new 연산자를 사용하여 호출

사용하는 이유

  • 객체 리터럴 { ... } 을 사용하면 객체를 쉽게 만들 수 있습니다. 하지만
    일일이 객체를 만드는 것보다 훨씬 빠르고 일관성 있게 만들 수 있습니다.

동작 원리

function User(name, age){
    // this = {}; -> 빈 객체가 임시적으로 만들어짐

    // 새로운 프로퍼티을 this에 추가
    this.name = name;
    this.age = age;

    // return this; 
}

new 함수명();
  1. new 함수명() 을 실행하면

  2. this = {} 빈 객체를 만듭니다.

  3. this에 프로퍼티들을 추가합니다.

  4. 마지막으로 return this 를 반환합니다.

  • 2번과 4번은 코드 상에는 존재하지 않으나 위와 같은 알고리즘으로 동작 합니다.

참고

profile
현재 블로그 : https://choi-hyunho.com/

0개의 댓글