키모스토리

#2 생성자 함수 본문

Web Devlopment/JavaScript

#2 생성자 함수

키모형 2025. 3. 13. 14:40
반응형

객체 리터럴

: 단일 사용을 위해 간편하게 객체를 만들어 사용할때

let user = {
	name: 'Mike',
	age: 30,
}

 

 

생성자 함수

: 위와 같은 데이터 구조를 여러개가 필요할때 사용 (class 와 유사)

: new 연산자를 이용해 객체를 생성

function User(name, age){
	this.name = name;
	this.age = age;
}

let user1 = new User('Mike', 30);
let user2 = new User('Jane', 23);
let user3 = new User('Tom', 16);

console.log(user1, user2, user3);

 

 

생성자 내 메서드 추가 가능

function User(name, age){
	this.name = name;
    this.age = age;
    this.sayName = function() {
        console.log(this.name);
    }
}

// user1 객체 생성
let user1 = new User('Mike', 30);

// 객체내 메소드 호출
user1.sayName();  // 'Mike' 출력

 

반응형