创建嵌套 ES6 类的高效优雅方式？

Question

在试图找到一种在 JS 中使用嵌套类的方法时，我想出了这样的事情：

class Character {
    constructor() {
        this.Info= class I {
            constructor(name,value) {
                this.name=name;
                this.value=value;   
            }
        };
    }
    bar () {
        var trial = new this.Info("Goofy", 2);
        alert(trial.name);
    }
}

var test = new Character();
test.bar();

而且它似乎有效。但是，我担心这可能会为每个new 调用创建一个新的函数对象，因为我在构造函数中定义了类（在每个new 调用中执行）。有没有更有效的方法来做到这一点？

This question 不能解决我的问题，因为作者只是想知道如何嵌套class；我已经能够做到这一点，但我想知道是否有更有效的方法。

Answer 1

在 react、angular 中使用静态属性或仅使用 babel，因为目前并非所有浏览器都实现直接静态类属性。

class Character {

    static Info = class I {
        constructor(name) { this.name=name; }
    }

    bar () {
        return new Character.Info("Goofy");
    }
}

const test = new Character();
console.log(test.bar());

以旧方式使用静态属性——目前适用于所有浏览器。

class Character {
    bar () { return new Character.Info("Goofy"); }
}

Character.Info = class I {
    constructor(name) { this.name=name; }
}

const test = new Character();
console.log(test.bar());

Answer 2

也许您给出的示例太简单，无法演示您要解决的任何问题，但在我看来，您根本不需要嵌套它们。

class Info {
  constructor(name, value) {
    this.name = name;
    this.value = value;
  }
}

class Character {
  bar() {
    var trial = new Info("Goofy", 2);
    console.log(trial.name);
  }
}

const test = new Character();
test.bar();