javascript 프로토타입 객체생성자 클래스

윤로그·2021년 9월 27일

JavaScript

목록 보기
9/9
post-thumbnail

프로토타입

  • 새로운 객체 생성과 객체의 공통값(함수/원소) 할당
function Addpeople(name, age, job, alias) {
    this.name = name;
    this.age = age;
    this.job = job;
    this.alias = alias;
}

// 공통 함수 생성
Addpeople.prototype.introduce = function() {
    console.log(`저의 직업은 ${this.job} 입니다.`)
}

// 공통 원소 생성
Addpeople.prototype.race = '인간' 
console.log(peopleOne.race) // 인간

let peopleOne = new Addpeople('윤승근', 28, 'developer', 'dev')
let peopleTwo = new Addpeople('고효민', 28, 'nurse', 'medic')

peopleOne.introduce(); // 저의 직업은 developer 입니다.
peopleTwo.introduce(); // 저의 직업은 nurse 입니다.


클래스

class people {
    constructor(name, age, job, alias) {
        this.name = name;
        this.age = age;
        this.job = job;
        this.alias = alias;
    }
    introduce() {
        console.log(`저의 별명은 ${this.alias} 입니다.`)
    }
}


let onePeople = new people('윤승근', 28, 'developer', 'dev')
let twoPeople = new people('고효민', 28, 'nurse', 'medic')

// console.log(people.prototype.introduce)
onePeople.introduce() // 저의 별명은 dev 입니다.

0개의 댓글