javascript 생성자 함수(prototype)
10233 단어 JavaScriptJavaScript
javascript 생성자 함수(prototype)
// 아래와 같이 같은 로직을 사용한 객체데이터가 있다.
const heropy = {
firsName: 'Heropy',
lastName: 'Park',
getFullName: function () {
return `${this.firsName} ${this.lastName}`
}
}
console.log(heropy.getFullName()); // Heropy Park
const amy = {
firstName: 'Amy',
lastName: 'Clarke',
getFullName: function () {
return `${this.firstName} ${this.lastName}`
}
}
console.log(amy.getFullName()) // Amy Clarke
const neo = {
firstName: 'Neo',
lastName: 'Smith',
getFullName: function () {
return `${this.firstName} ${this.lastName}`
}
}
console.log(neo.getFullName()) // Neo Smith
// 위에서 사용한 객체데이터를 아래와 같이 클래스를 활용하여 간소화한다.
function User(first, last) {
this.firstName = first
this.lastName = last
}
User.prototype.getFullName = function () {
return `${this.firstName} ${this.lastName}`
}
const heropy = new User('Heropy', 'Park') // 생성자 함수 (PascalCase)
const amy = new User('Amy', 'Clarke') // 생성자 함수
const neo = new User('Neo', 'Smith') // 생성자 함수
console.log(heropy.getFullName()) // Heropy Park
console.log(amy.getFullName()) // Amy Clarke
console.log(neo.getFullName()) // Neo Smith
Author And Source
이 문제에 관하여(javascript 생성자 함수(prototype)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@dlstjr1106/javascript-생성자-함수prototype저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)