자바 상속 및 함수 오버라이드

Question

// Base state class ------------------------- 
function StateConstuctor() 
{ 

} 

// Inherited learn class -------------------- 
function StateLearnConstructor() 
{ 

} 

// Inherited exam class --------------------- 
function StateExamConstructor() 
{ 

} 


function extend(Child, Parent) 
{ 
    var F = function() { } 
    F.prototype = Parent.prototype 
    Child.prototype = new F() 
    Child.prototype.constructor = Child 
    Child.superclass = Parent.prototype 
} 


function createState(rollType) 
{ 
    if (rollType == 'learn') 
    { 
     extend(StateLearnConstructor, StateConstuctor); 
     var state = new StateLearnConstructor(); 

     return state; 
    } 
    else if (rollType == 'exam') 
    { 
     extend(StateExamConstructor, StateConstuctor); 
     var state = new StateExamConstructor(); 

     return state; 
    } 
} 

StateConstuctor.prototype.getTitles = function() 
{ 
    console.log('base "virtual" function'); 
} 
StateLearnConstructor.prototype.getTitles = function() 
{ 
    console.log('learn'); 
} 
StateExamConstructor.prototype.getTitles = function() 
{ 
    console.log('exam'); 
} 

안녕하세요, 저는 다음과 같은 "OOP"구조를 가지고 있으며 C++에서 가상 함수와 같은 것을 에뮬레이션하고 싶습니다. 그래서 나는 StateConstructor에 기본 가상 함수를 가지고 있고 각 서브 클래스에 대해 다른 구현을했습니다.

var state = createState('exam'); 
state.getTitles(); 

그러나이 코드는 StateConstructor 기본 가상 함수를 호출합니다. 여기 뭐가 잘못 됐니?

Answer 1

createState()은 StateLearnConstructor과 StateExamConstructor에 기능을 할당 한 후 을 덮어 씁니다.

조건부로 확장해서는 안됩니다. 그냥 확장하면됩니다.

extend(StateLearnConstructor, StateConstuctor); 
extend(StateExamConstructor, StateConstuctor); 

StateConstuctor.prototype.getTitles = function() { 
    console.log('base "virtual" function'); 
}; 
StateLearnConstructor.prototype.getTitles = function() { 
    console.log('learn'); 
}; 
StateExamConstructor.prototype.getTitles = function() { 
    console.log('exam'); 
}; 

function createState(rollType) { 
    if (rollType == 'learn') { 
     return new StateLearnConstructor(); 
    } else if (rollType == 'exam') { 
     return new StateExamConstructor(); 
    } 
} 

이렇게하면 "가상 함수"가 예상대로 작동합니다.

demo

참고 :extend()에 대한 귀하의 구현이 필요 이상으로 복잡하다. 프로토 타입을 상속하는 현대적인 방법은 Object.create()을 사용하는 것입니다 :