[JavaScript] JavaScript 클래스 - 생성자 함수(prototype)

2022. 9. 23. 19:35·🍞 FrontEnd/JavaScript

 

하나의 객체만 있다면 firstName과 lastName을 각각 정의하기 쉬울 것이다.

그러나 여러 객체가 생긴다면 비슷한 객체를 정의하기에 매우 귀찮아지고 힘들어질 것이다. 

 

그렇기 때문에 생성자 함수를 만들고 new 키워드로 객체 데이터를 생성한다.

firstName과 lastName 부분은 인스턴스를 생성할 때마다 다른 내용이 들어올 수 있기 때문에 통일해서 메모리를 관리하기 어렵다. 그러나 getFullName 부분은 통일해서 메모리를 효율적으로 관리할 수 있다. 

 

콘솔창을 보면 firstName과 lastName을 제외하고 prototype이 object인 것을 확인할 수 있다. user 함수에 숨어있는 prototype 속성 부분에 getFullName을 할당해줌으로써 몇 개의 인스턴스를 생성하더라도 메모리에 딱 한 번만 만들어진다. 그러므로 getFullName을 생성이 아닌 참조하는 것이다. 

 

 

❗일반 함수와 구분이 안 되기 때문에 생성자 함수는 암묵적으로 첫번째 단어를 대문자로 적어준다.


 
저작자표시 (새창열림)

'🍞 FrontEnd > JavaScript' 카테고리의 다른 글

[JavaScript] JavaScript 클래스 - ES6 Classes  (0) 2022.09.24
[JavaScript] JavaScript 클래스 - this  (0) 2022.09.23
[JavaScript] JavaScript 함수 - 콜백(Callback)  (0) 2022.09.23
[JavaScript] JavaScript 함수 - 타이머 함수  (2) 2022.09.23
[JavaScript] JavaScript 함수 - 호이스팅  (0) 2022.09.23
'🍞 FrontEnd/JavaScript' 카테고리의 다른 글
  • [JavaScript] JavaScript 클래스 - ES6 Classes
  • [JavaScript] JavaScript 클래스 - this
  • [JavaScript] JavaScript 함수 - 콜백(Callback)
  • [JavaScript] JavaScript 함수 - 타이머 함수
박빵이
박빵이
2025년에도 갓생살기
  • 박빵이
    기억보다 기록
    박빵이
  • 전체
    오늘
    어제
    • 분류 전체보기 (337)
      • 🍞 FrontEnd (97)
        • HTML+CSS (4)
        • JavaScript (17)
        • TypeScript (4)
        • React (52)
        • Next.js (2)
        • Android (15)
      • 🍞 BackEnd (24)
        • Java (15)
        • Node.js (6)
        • Spring (1)
      • 🍞 Cloud & Infra (0)
        • AWS SAA (0)
        • Microsoft Azure (0)
      • 🍞 Algorithm (147)
        • C++ (4)
        • Baekjoon (41)
        • Programmers (97)
      • 🍞 Computer Science (18)
        • 운영체제 (1)
        • 데이터 통신 (6)
        • 네트워크 (6)
        • 데이터베이스 (1)
      • 🍞 대외활동 & 부트캠프 (42)
        • 삼성 청년 SW 아카데미 (1)
        • LG유플러스 유레카 (0)
        • 한국대학생IT경영학회 (1)
        • IT연합동아리 UMC (17)
        • 길벗 블로깅 멘토 (18)
        • IT연합동아리 피로그래밍 (3)
        • 개발 컨퍼런스 (2)
  • 블로그 메뉴

    • Admin
  • 링크

    • GitHub
  • 인기 글

  • 태그

    level1
    안드로이드
    react
    위상정렬
    level2
    알고리즘
    Android
    프로그래머스
    Front
    Java
    길벗 블로깅 멘토
    유니온파인드
    코딩자율학습
    map
    백준
    umc
    C++
    코틀린
    길벗 블로깅 멘토링
    JavaScript
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
박빵이
[JavaScript] JavaScript 클래스 - 생성자 함수(prototype)
상단으로

티스토리툴바