생성자 함수

TIL

생성자 함수는 객체를 생성하기 위한 템플릿으로, 비슷한 구조의 객체를 여러 개 만들 때 유용하다.

 

다음은 동물의 종류와 소리를 인자로 받아 객체를 생성하는 Animal 생성자 함수를 만든 후, makeSound 메서드를 추가한 코드이다.

function Animal(type, sound) {
  this.type = type;
  this.sound = sound;
  this.makeSound = function () {
    return `${this.type}(은/는) ${this.sound}`;
  };
}

생성자 함수 내부에서 this 키워드는 생성될 객체를 가리킨다. 생성자 함수의 이름은 일반적으로 대문자로 시작하여 일반 함수와 구분한다.

 

const dog = new Animal("개", "멍멍");
console.log(dog.makeSound()); // "개(은/는) 멍멍"

const cat = new Animal("고양이", "야옹");
console.log(cat.makeSound()); // "고양이(은/는) 야옹"

위 코드는 new 키워드로 각각 개와 고양이 객체를 생성하고, 각 동물의 소리를 출력한다.

'TIL' 카테고리의 다른 글

innterHTML, innerText, textContent의 차이  (0) 2025.11.10
DOM 조작  (0) 2025.11.10
[CS50] 자료구조 - 연결 리스트 개념과 구현  (0) 2025.11.09
[CS50] 배열의 크기 조정하기  (0) 2025.11.08
React 컴포넌트 분리와 연동된 state 업데이트  (0) 2025.11.08
'TIL' 카테고리의 다른 글
  • innterHTML, innerText, textContent의 차이
  • DOM 조작
  • [CS50] 자료구조 - 연결 리스트 개념과 구현
  • [CS50] 배열의 크기 조정하기
고견
고견
개발 자국 남기기
  • 고견
    개발자국
    고견
  • 전체
    오늘
    어제
    • 분류 전체보기 (157)
      • Frontend (29)
        • Next.js (16)
        • JavaScript (7)
      • CS (19)
        • 자료구조 (9)
        • 알고리즘 (5)
        • 운영체제 (4)
        • 네트워크 (1)
      • TIL (93)
      • Dev Log (16)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    자료구조
    함수 타입
    memory
    emotion diary
    ai 감성 일기장
    C
    App Router
    useState
    javascript
    CS
    알고리즘
    algorithm
    바닐라 자바스크립트
    typescript
    제네릭
    Next.js
    react
    cs50
    앱 라우터
    트러블 슈팅
    배열
    클래스
    Pages Router
    페이지 라우터
    Spa
    타입 좁히기
    Trouble Shooting
    문자열
    인터페이스
    generic
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.5
고견
생성자 함수
상단으로

티스토리툴바