2012-11-11 3 views
2

여러 가지 방법을 시도했지만 시도 할 수 없었습니다.JavaScript에서 프로토 타입 상속을 수행하는 방법은 무엇입니까?

다음 예제에서는 Soldier가 Person의 모든 속성을 가져 와서 추가 속성을 추가 할 수있게하려고합니다. 그것을 올바르게하는 방법?

function Person(name, age) { 
    this.name = name; 
    this.age = age; 
} 

Person.prototype.hi = function (message) { 
    console.log(message + "!!!"); 
}; 

var Soldier = new(Person); // it is not the way to do it 

Soldier.prototype.good_hi = function (message) { 
    console.log("Sir! " + message + ", sir!"); 
}; 
+1

"자바 스크립트 상속"아무것도 마련을 위해 인터넷 검색을합니까? – millimoose

+0

http://phrogz.net/JS/classes/OOPinJS2.html – millimoose

답변

2

Soldier 생성자가 없습니다. 먼저 그렇게해야합니다. 그런 다음 Person 생성자를 새로운 Soldier 인스턴스에 적용합니다.

function Person(name, age) { 
    this.name = name; 
    this.age = age; 
} 

Person.prototype.hi = function (message) { 
    console.log(message + "!!!"); 
}; 

function Soldier(name, age) { 
    Person.apply(this, arguments); 
} 

Soldier.prototype = Object.create(Person.prototype); // is better 
Soldier.prototype.constructor = Soldier; 

Soldier.prototype.good_hi = function (message) { 
    console.log("Sir! " + message + ", sir!"); 
}; 

다음과 같이 사용 :

var s = new Soldier("Bob", 23); 

s.good_hi("Hello"); 

DEMO :http://jsfiddle.net/3kGGA/

+0

당신은 'Soldier.prototype.constructor = Soldier;를 잊어 버렸습니다. 그렇지 않으면, 생성자는 여러분이 지정한 프로토 타입 객체로부터'Person'이 될 것입니다. – millimoose

+0

@millimoose : 완성되었습니다. –

관련 문제