Js funzione della classe ES6 costruttore eseguire prima del costruttore istanziare

Question

Ho un classe ES6 l'un'istanza di una variabile da una chiamata di funzione, ma il problema è che sembra che la funzione sia in esecuzione prima che il costruttore di un'istanza e genera un errore:

constructor() { 
    this.userSelections = { 
     types : this.getTypes(), 
     providers: this.getProvider() 
    } 
    } 

getProvider() { 
    // here its throw error that this.userSelections is undefined 
    var activeType = this.userSelections.types.some((type) => { 
     return type.active; 
    }); 

    } 

Qual è il problema e come posso gestire questa situazione?

Answer 1

Il problema non ha nulla a che fare con le classi, ES6 o Babele. Ecco una versione semplificata del problema:

var foo = { 
    bar: 42, 
    baz: foo.bar * 2 
}; 

Questo genera un errore perché foo non è ancora inizializzato al momento foo.bar si accede.

Nel tuo caso, si sta chiamando getProviderdurante la creazione dell'oggetto che si desidera assegnare a this.userSelections. this.userSelections o il suo valore non esiste ancora, è ancora in costruzione.

Si potrebbe inizializzare il valore in due fasi:

this.userSelections = { 
    types: this.getTypes() 
}; 
// now that `this.userSelections` exists, we can call `this.getProvider` without problems 
this.userSelections.providers = this.getProvider(); 

o refactoring del codice in modo che getProviders accetta types come parametro, forse qualcosa di simile:

class Foo { 
    constructor() { 
    let types = this.getTypes(); 
    this.userSelection = { 
     types, 
     providers: this._getProvider(types) 
    }; 
    } 

    _getProvider(types) { 
    var activeType = types.some((type) => { 
     return type.active; 
    }); 
    // ... 
    } 

    getProvider() { 
    return this._getProvider(this.userSelection.types); 
    } 
}