ES6: Superklasse hält keinen Zustand

Question

Ich versuche herauszufinden, was hier vor sich geht, da die Parent/Super-Klasse nach der ersten Konstruktion keine Daten mehr hat.

// Importe/Server/a-and-b.js

class A { 
    constructor(id) { 
    // make MongoDB call and store inside this variable 
    // ... 
    this._LocalVariable = FieldFromMongo; 
    console.log(`this._LocalVariable: ${this._LocalVariable}`); // => This has a good value, ie: 'Test' 
    } 
    get LocalVar() { 
    console.log(`this._LocalVariable: ${this._LocalVariable}`); // => This has a undefined value when called from child class 
    return this._LocalVariable; 
    } 
} 

export class B extends A { 
    constructor(id) { 
    super(id); 
    this.TEST = 'THIS IS A TEST'; 
    } 
    get THE_Variable() { 
    console.log(`super.LocalVar: ${super.LocalVar}`); // => This has a undefined value when called 
    return super.LocalVar; 
    } 
    get GETTHEVAR() { 
    return this.TEST; // => This returns 'THIS IS A TEST' 
    } 
} 

// Importe/server/factory.js

import { B } from 'imports/server/a-and-b.js'; 

class Factory { 
    constructor() { 
    this._factory = new Map(); 
    } 
    BuildInstances(id, cls) { 
    let instance = this._factory.get(cls); 

    if (!instance) { 
     if (cls === 'B') { 
     instance = new B(id); 
     this._factory.set(cls, instance); 
     return instance; 
     } 
    } 
    else { 
     return instance; 
    } 
    } 
} 
export let OptsFactory = new Factory(); 

// Importe/server/test.js

import { OptsFactory } from 'imports/server/factory.js' 

const B = OptsFactory.BuildInstances(id, 'B'); 

const THE_Variable = B.THE_Variable; // => always undefined 

const TEST = B.GETTHEVAR; // => Always returns 'THIS IS A TEST' 

Warum hält die Klasse A den Status nicht?

Answer 1

das ist, was ich gefunden habe:

class A { 
    constructor(id) { 
    // make MongoDB call and store inside this variable 
    // ... 
    this._LocalVariable = FieldFromMongo; 
    } 
    get LocalVar() { 
    return this._LocalVariable; 
    } 
    GetThatLocalVar() { 
    return this._LocalVariable; 
    } 
} 

export class B extends A { 
    constructor(id) { 
    super(id); 
    } 
    get Style1() { 
    // Reference to Parent get function 
    return super.LocalVar; // => This has a undefined value when called 
    } 
    get Style2() { 
    // Reference to Parent property 
    return super._LocalVariable; // => This has a undefined value when called 
    } 
    get Style3() { 
    // Reference to local Property that is declared in Parent 
    return this._LocalVariable; // => This works 
    } 
    get Style4() { 
    // Reference to Parent without the getter 
    return super.GetThatLocalVar(); // => This works 
    } 
    get GETTHEVAR() { 
    return this.TEST; // => This returns 'THIS IS A TEST' 
    } 
} 

die Sache Also im Grunde die Style3 Style 4 Arbeit funktioniert.