ES6 动态类名

Question

我一直在尝试 ES6 类，想知道是否可以动态更改类名？例如

class [Some dynamic name] {}; 

Answer 1

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

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

Answer 2

有一个非常简单的方法：

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

Here的演示。

它使用对象字面量来定义一个具有所需名称的字段，该名称将包含一个新类。这会导致新类自动获得所需的名称。完成后，我们提取该新类并将其返回。

注意对象字面量周围的括号，以免花括号被误认为是代码块(...) => {...}。

当然，将现有类放入命名字段不会更改类，因此只有在创建新类时才有效。如果您只需要在一个定义要命名的类的地方使用动态名称，则可以删除额外的继承，然后继续：

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

Answer 3

对于您想要实现的任何目标，可能有更好的解决方案，但您可以将类表达式分配给对象：

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

这在 ES2015 中并没有真正改变：如果你想创建一个动态命名的绑定，你必须使用一个对象或其他映射来代替。

Answer 4

为了更进一步地使用动态类名和动态继承，在使用 babel 时，你可以这样做：

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

Answer 5

使用eval 的方法很简单，即使不是很理想：

~function() {
    const name = "Lorem"

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

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

注意，它必须是var。在eval 中使用let、const 和普通class 将不起作用。

Function 的另一种方式：

~function() {
    const name = "Lorem"

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

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

Sitenote：您可以将范围变量传递到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"
}()