web-dev-qa-db-ja.com

ES6の動的クラス名

私はES6クラスで実験してきましたが、クラス名を動的に変更できるかどうか疑問に思っていますか？例えば

class [Some dynamic name] {};
javascriptclassecmascript-6
42
simon-p-r

あなたが達成しようとしているものにはおそらくもっと良い解決策がありますが、クラス式をオブジェクトに割り当てることができます：

let classes = {};
classes[someName] = class { ... };

ES2015ではこれは実際には変わりませんでした。動的な名前のバインディングを作成する場合は、代わりにオブジェクトまたは他のマッピングを使用する必要があります。

21
Felix Kling
let C = class
{ // ...
}
Object.defineProperty (C, 'name', {value: 'TheName'});

// test: 
let itsName =  (new C()).constructor.name;
// itsName === 'TheName' -> true
17
Panu Logic

簡単な方法があります：

const nameIt = (name, cls) => ({[name] : class extends cls {}})[name];

ここ はデモです。

オブジェクトリテラルを使用して、新しいクラスを保持する必要な名前のフィールドを定義します。これにより、新しいクラスは自動的に目的の名前を取得します。それが終わったら、その新しいクラスを抽出して返します。

オブジェクトリテラルを囲む括弧に注意してください。これにより、中括弧がコードブロック(...) => {...}と間違えられないようにします。

もちろん、既存のクラスを名前付きフィールドに配置してもクラスは変更されないため、これは新しいクラスを作成する場合にのみ機能します。命名するクラスを定義する1つの場所でのみ動的な名前が必要な場合は、余分な継承を削除してそのまま実行できます。

const myClass = {[name]: class {
    ...
}}[name];
12
Daerdemandt

1つの方法は、たとえ理想的ではないにしても、evalを使用すると簡単です。

~function() {
    const name = "Lorem"

    eval(`
        var ${name} = class ${name} {} 
    `)

    console.log(Lorem) // class Lorem {}
}()

注、varである必要があります。 let内でconst、class、およびプレーンevalを使用しても機能しません。

Functionの別の方法：

~function() {
    const name = "Lorem"

    const c = new Function(`
        return class ${name} {}
    `)()

    console.log(c) // class Lorem {}
}()

サイトノート：スコープ変数をFunctionに渡し、内部で使用できます。

~function() {
    const name = "Lorem"
    const val = "foo"

    const Class = new Function('val', `
        return class ${name} {
            constructor() {
                console.log( val )
            }
        }
    `)( val )

    console.log(Class) // class Lorem {}
    new Class // "foo"
}()
3
trusktr

動的なクラス名と動的な継承をさらに試してみるために、babelを使用するときは、次のようなことができます。

    function withname(name, _parent) {
        return class MyDinamicallyNamedClass extends (_parent||Object) {
            static get name() { return name || _parent.name }
        }
    }
3
Anibal Ambertin

私が苦労した例-以下の方法で解決しました：

const models = {
  route: mongoose.model('Route'),
  company: mongoose.model('Company'),
  ...
}

その後：

const name = 'route'
const record = new models[name]()
0
Greg Woz