웹 개발 메모장

[자바스크립트] 생성자 함수 프로토 타입 예제 본문

옛날../자바스크립트

[자바스크립트] 생성자 함수 프로토 타입 예제

도로롱주 2018. 1. 5. 20:37




생성자 함수 프로토 타입 예제




프로토 타입 사용 X


1
2
3
4
5
6
7
8
9
10
11
12
13
14
function User(name, age){
    this.name = name;
    this.age = age;
    this.getName = function() {
        return this.name;
    };
}
 
var dragon = new User('드래곤', 5000);
var tiger = new User('타이거', 10);
    .
    .
    .
var cat = new User('고양이', 5);
cs



dragon

tiger

.  .  .  .  .  . 

cat

name : '드래곤'

age : 5000


getName : function() {

return this.name;

}

name : '타이거'

age : 10


getName : function() {

return this.name;

}

name : '고양이'

age : 5


getName : function() {

return this.name;

}





프로토 타입 사용 O


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function User(name, age){
    this.name = name;
    this.age = age;
}
 
User.prototype.getName = function() {
    return this.name;
};

var dragon = new User('드래곤', 5000);
var tiger = new User('타이거', 10);
    .
    .
    .
var cat = new User('고양이', 5);

cs



dragon

tiger


cat

name : '드래곤'

age : 5000

name : '타이거'

age : 10

.  .  .  .  .  . 

name : '고양이'

age : 5

















   


getName : function() {

return this.name;

}

   






※ Object 객체에 prototype 으로 메소드를 추가하면 자바스크립트 모든 객체가 그 메소드 사용 가능

(모든 객체는Object 객체를 상속받기 때문)



저작자표시

'옛날.. > 자바스크립트' 카테고리의 다른 글

[자바스크립트] reduce() / reduceRight() 간단 예제  (0) 2018.01.08
[자바스크립트] String 객체의 메소드  (0) 2018.01.08
[자바스크립트] this 와 객체  (0) 2018.01.05
[자바스크립트] 타이머 함수 예제  (0) 2018.01.05
[자바스크립트] 시각적으로 보는 클로저 개념  (0) 2018.01.04
공유하기 링크
'옛날../자바스크립트' Related Articles more
Comments