Comment instancier dynamiquement des objets dans JavaScript ES6 ?

Instanciation d'objet dynamique dans JavaScript ES6

Énoncé du problème

La création d'objets à partir de noms de classe à l'aide de la syntaxe ancienne dans ES6 provoque une erreur. Le code suivant renvoie une erreur :

let className = this.specColumn[name] ? this.specColumn[name] : this.specColumn['__default'];
return new window[className](name);

Solution

Pour résoudre le problème, supprimez les noms de classe de l'objet spécifié et utilisez à la place les classes elles-mêmes. Cela élimine le recours à l’accès global via l’objet window. De plus, l'usine peut être simplifiée en un objet, car elle n'est généralement instanciée qu'une seule fois.

Code Fix

export class Column {}
export class Sequence {}
export class Checkbox {}

export const columnFactory = {
    specColumn: {
        __default: Column,    // <-- Class reference
        __sequence: Sequence, // <-- Class reference
        __checkbox: Checkbox  // <-- Class reference
    },
    create(name, ...args) {
        let cls = this.specColumn[name] || this.specColumn.__default;
        return new cls(...args);
    }
};

Ce code stocke les classes directement dans l'objet specColumn, permettant une dynamique instanciation d'objets à l'aide de la méthode create.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!