javaScript(생성자 함수-prototype)

Dev_Go·2022년 6월 24일
0

모던 자바스크립트

목록 보기
10/37
post-thumbnail

생성자 함수


  1. "객체"를 생성할 때 사용하는 함수
  2. C++의 클래스의 Class

생성자 함수 사용방법

객체 상수로 객체를 생성할 경우 속성과 메서드의 공통되는 부분을 반복적으로 작성해야 합니다.

예를 들어 Go Gaeng, Amy Clarke, Neo Smith 등 이름을 객체 상수로 작성할 경우 firstName, lastName과 같은 반복되는 명령어를 객체마다 같이 작성해줘야 합니다.

생성자 함수를 사용해서 firstName, lastName와 같은 반복되는 속성이나 메서드를 미리 틀을 만들어놓을 수 있습니다. 이러면 나중에 객체를 생성할 때 속성명이나 메서드명을 반복적으로 작성할필요가 없습니다.

// 생성자 함수 생성
// 생성자 함수를 만들때는 암묵적으로 파스칼케이스(첫글자대문자)로 이름을 명명하기로 약속했다.
function User(first, last) {
  this.firstName = first
  this.lastName = last
}
User.prototype.getFullName = function () {
  return `${this.firstName} ${this.lastName}`
}

//객체 생성
const gaeng = new User('Gaeng', 'Go')
const amy = new User('Amy', 'Clarke')
const neo = new User('Neo', 'Smith')

console.log(gaeng.getFullName())
console.log(amy.getFullName())
console.log(neo.getFullName())

결과

profile
프론트엔드 4년차

0개의 댓글