생성자 함수는 객체를 생성하기 위한 템플릿으로, 비슷한 구조의 객체를 여러 개 만들 때 유용하다.
다음은 동물의 종류와 소리를 인자로 받아 객체를 생성하는 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 |
