Bagaimana untuk Mencipta Objek dari Nama Kelas dalam ES6?

Mencipta Objek daripada Nama Kelas dalam JavaScript ES6

Apabila cuba mencipta kilang objek dalam ES6 menggunakan lama tradisional- sintaks gaya, anda mungkin menghadapi ralat. Ini kerana sintaks lama tidak serasi dengan sintaks ES6 baharu.

Dalam coretan kod yang disediakan:

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

export class ColumnFactory {
    constructor() {
        this.specColumn = {
            __default: 'Column',
            __sequence: 'Sequence',
            __checkbox: 'Checkbox'
        };
    }

    create(name) {
        let className = this.specColumn[name] ? this.specColumn[name] : this.specColumn['__default'];
        return new window[className](name); // this line throw error
    }
}

let factory = new ColumnFactory();
let column = factory.create('userName');

< ;p>Ralat berlaku dalam baris return new window[className](name); kerana ia cuba mengakses nama kelas sebagai pembolehubah global. Pendekatan ini gagal dalam ES6, kerana kelas tidak didedahkan sebagai pembolehubah global.

Penyelesaian:

Untuk menyelesaikan isu ini, gantikan nama kelas dalam objek specColumn dengan rujukan kelas sebenar:

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

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

Dengan berbuat demikian, anda tidak lagi bergantung pada nama kelas yang tersedia secara global dan boleh mengakses kelas secara langsung daripada objek specColumn.

Atas ialah kandungan terperinci Bagaimana untuk Mencipta Objek dari Nama Kelas dalam ES6?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!