반응형
우리는 개체 만드는 것을 배웠다.
let user = {
name : 'Mike';
age : 30;
}
이렇게 만든 것을 객체 리터럴 이라고 한다.
그런데 개발을 하다 보면 비슷한 객체를 여러 개 만들어야 되는 상이 발생한다.
이때, 필요한 것이 생성자 함수이다.
생성자 함수
생성자 함수는 다음과 같이 작성한다.
function User(name, age) {
this.name = name;
this.age = age;
}
let user1 = new User('Mike',30);
let user2 = new User('Jane',22);
let user3 = new User('Tom',17);
- 생성자 함수는 보통 첫글자를 대문자로 해 함수를 만든다.
- new 연산자를 사용해 함수를 호출한다.
생성자 함수에 메소드를 추가하고 객체를 추가해 보겠다.
function User(name, age) {
this.name = name;
this.age = age;
this.sayName = function() {
console.log(this.name);
}
}
let user5 = new User('Han',40);
user5.sayName(); // 'Han'
반응형
'JavaScript > 중급' 카테고리의 다른 글
| #4 심볼 (0) | 2026.01.22 |
|---|---|
| #3 객체 메소드, 계산된 프로퍼티 (0) | 2026.01.22 |
| #1 변수, 호이스팅, TDZ(Temporal Dead Zone) (0) | 2026.01.08 |