728x90
객체 리터럴
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 함수명() 실행시 빈 객체를 만들고 this에 넣음
이후 변수들을 넣어주고 this를 반환
메소드 추가
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();
728x90
'Web > JavaScript' 카테고리의 다른 글
[JS] 심볼 (0) | 2024.02.06 |
---|---|
[JS] 객체 메소드, 컴퓨티드 프로퍼티 (0) | 2024.02.06 |
[JS] 변수 심화 (1) | 2024.02.06 |
[JS] 배열 (0) | 2024.02.05 |
[JS] 객체 (0) | 2024.02.05 |