funzione virtuale in Javascript

Question

sto chiedendo come implementare la funzione virtuale nella javascript come C#, diciamo

• Ho una classe base A
• Ho anche una classe derivata denominata B
• La classe A ha una funzione chiamata virtualFunction, questa dovrebbe essere una funzione virtuale come in C#, questa può essere sovrascritta nella classe derivata B
• La funzione verrà chiamata per eseguire all'interno del costruttore della classe base, A. Se la funzione è sovrascritta in B, quella di B sarà invocata o ne verrà invocato uno A

Con questo esempio di seguito, voglio ottenere un avviso "B", non l''A'.

function A() { 
 
    this.virtualFunction(); 
 
} 
 

 
A.prototype.virtualFunction = function() { 
 
    alert('A'); 
 
}; 
 

 
//------------------------------------- 
 

 
function B() {} 
 

 
B.prototype = new A(); 
 
B.prototype.virtualFunction = function() { 
 
    alert('B'); 
 
}; 
 

 
var b = new B();

Se invochiamo la funzione dopo istanziato, in questo modo, allora va bene, ma ho bisogno "all'interno del costruttore"

var b = new B(); 
 
b.virtualFunction();

Answer 1

Quindi, la prima cosa da capire è che JavaScript non usa la stessa semantica di C#. Provare a farlo potrebbe causare dolore; stai molto meglio imparando come vanno le cose in JS. In effetti, la maggior parte della gente non cerca di fare un sacco di elementi di tipo ereditarietà in JS, ma preferisce invece la composizione (che in realtà è una best practice in tutti i linguaggi OO che conosco).

Detto questo, ci sono alcuni miglioramenti che potresti apportare al tuo codice.

function A() { 
 
    this.virtualFunction(); 
 
} 
 

 
A.prototype.virtualFunction = function() { 
 
    alert('A'); 
 
}; 
 

 
//------------------------------------- 
 

 
function B() { 
 
    A.call(this); 
 
} 
 

 
B.prototype = Object.create(A.prototype); 
 
B.prototype.constructor = B; 
 
B.prototype.virtualFunction = function() { 
 
    alert('B'); 
 
}; 
 

 
var b = new B();