JavaScript/JavaScript 중급
[JavaScript] 생성자 함수
J1woong
2024. 3. 6. 20:08
728x90
반응형
반응형
생성자 함수
아래와 같이 코드를 작성해보자.
let user = {
name : 'faker',
position : mid
}
이렇게 객체를 만드는 것을 객체 리터럴이라고 한다.
https://dailyjiwoong.tistory.com/entry/%EA%B0%9D%EC%B2%B4-%EB%A6%AC%ED%84%B0%EB%9F%B4
객체 리터럴
객체 리터럴 리터럴 표기법은 코드 상에서 데이터를 표현하는 방법이다. 문자열을 ", ' ,` 으로 만드는 것 처럼 객체도 생성하는 방법이 존재한다. 객체를 생성할 때는 객체 리터럴을 사용한다.
dailyjiwoong.tistory.com
하지만 코드를 작성 하다 보면, 비슷한 내용의 객체를 여러번 만들어야 하는 경우가 생긴다.
그럴 때는 생성자 함수를 사용한다.
생성자 함수는 보통 함수 이름의 첫 글자를 대문자로 하며, new 연산자를 사용하여 호출한다.
function User(name, position) {
this.name = name;
this.position = position;
this.introduce = function() {
console.log(`${name} 입니다. 포지션은 ${position} 입니다.`);
}
}
let user1 = new User('zeus', 'top');
let user2 = new User('oner', 'jg');
let user3 = new User('faker', 'mid');
let user4 = new User('gumayusi', 'ad');
let user5 = new User('keria', 'spt');
user1.introduce();
user2.introduce();
user3.introduce();
user4.introduce();
user5.introduce();
728x90
반응형