생성자 함수

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) N
      • Frontend (29)
        • Next.js (16)
        • JavaScript (7)
      • CS (19) N
        • 자료구조 (9)
        • 알고리즘 (5)
        • 운영체제 (4) N
        • 네트워크 (1) N
      • TIL (93)
      • Dev Log (16)
  • 블로그 메뉴

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

  • 공지사항

  • 인기 글

  • 태그

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

  • 최근 글

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

티스토리툴바