Funkcja nadrzędnego wywołania konstruktora zastąpiła funkcje przed ukończeniem wszystkich konstruktorów podrzędnych.

Question

ECMAScript 6 (Harmony) wprowadza classes z możliwością dziedziczenia jednego z drugiego. Załóżmy, że mam grę i podstawową klasę opisującą podstawowe rzeczy na zachowanie bota. Upraszczam moją prawdziwą architekturę, ale przypuśćmy, że potrzebuję uruchomić render i inną rutynę, a te wywołania podałem w podstawowej klasie Bot.

Każdy bot wtedy przesłonić to render funkcji i może mieć pewne ustawienia w konstruktorze:

class DevilBot extends Bot{ 
    constructor(){ 
    super(); 
    this.color = 0xB4D333; 
    } 
    render(){ 
    createSomeMesh(this.color); 
    } 
} 

Problem polega na tym, że zanim zadzwonię super() - this nie istnieje. Ale super (konstruktor nadrzędny) wywoła zastąpienie render, które wymagałoby zmiennej color zdefiniowanej w konstruktorze podrzędnym. Mogę przypuszczać w konstruktorze dominującej że obiekt dziecko będzie realizować pewne init funkcji ze wszystkich potrzebnych ustawień i nazwać go:

class Bot{ 
    constructor(){ 
    if (this.init) this.init(); 
    render(); 
    } 
    render(){} 
} 

class DevilBot extends Bot{ 
    init(){ 
    this.color = 0xB4D333; 
    } 
    render(){ 
    createSomeMesh(this.color); 
    } 
} 

Ale jak dobry to podejście i co jest preferowanym sposobem rozwiązania tego problemu?

Answer 1

Poniższy kod będzie robić to, co chcesz, ale to jest obecnie obsługiwane tylko w FF i Chrome 47+ 41+ (patrz https://kangax.github.io/compat-table/es6/)

class Bot{ 
    constructor(){ 
     if (new.target === Bot) 
      this.render(); 
    } 
    render(){ 
     console.log('Bot rendered'); 
    } 
} 

class DevilBot extends Bot{ 
    constructor(){ 
     super(); 
     this.color = 0xB4D333; 
     this.render(); 
    } 
    render(){ 
     console.log('DevilBot rendered with', this.color); 
    } 
} 

var bot = new Bot();  // Bot rendered 
var dev = new DevilBot(); // DevilBot rendered with 11850547