JavaScript - new 생성자

뭐 그냥 하는거지·2023년 1월 30일
0
post-thumbnail

new 연산자와 생성자 함수를 사용하면 유사한 객체들을 쉽게 생성할 수 있습니다.
함수와 생성자 함수는 기능적으로 같습니다. 우리는 함수와 생성자 함수를 구분짓기 위해서 두가지 약속을 지켜야 합니다.

  • 함수 이름의 첫 글자는 대문자로 작성 합니다.
  • 반드시 new 연산자를 사용합니다.

코드를 보면서 어떻게 객체를 생성하는지 확인 해 봅시다.

function User(name) {
    this.name = name; // this 라는 객체에 name 이라는 프로퍼티 명에 인자로 들어오는 naem 값을 저장
    this.hobby = "soccer"; // this 라는 객체에 isAdmin 이라는 프로퍼티 명에 true 를 저장
}

const user = new User("kane");

위의 코드와 같이 new 연산자와 생성자 함수를 사용해 객체를 생성하면

const user = {
  name : "kane",
  hobby : "soccer",
}

위의 코드를 작성해 객체를 생성한것과 같은 동작을 합니다.

그럼 new 연산자와 생성자 함수를 선언하면 어떻게 동작하는지 알아봅시다.

  • this에 빈 객체가 생성됩니다.
  • 생성자 함수가 실행되어 this 객체에 프로퍼티가 저장됩니다.
  • this 객체가 반환됩니다.

생성자 함수를 사용하면 객체 생성 코드의 재사용성을 높여줍니다. 또 어떠한 함수도 new 연산자를 사용하면 생성자 함수가 될 수 있기 때문에 일반 함수와 구분하기 위헤서 함수 첫글자를 대문자로 작성해야 한다는 것을 잊지 말아야 합니다.

0개의 댓글