如何在课堂上将选项传递给课堂？

Question

有一个创建容器的类。我使用它两次来创建 2 个容器，但我只想使用它一次（并且仍然创建 2 个容器）。当我将new Container() 放入类方法时，会出现无限循环（很明显）。如何让班级成为另一个（相同的）班级？

我敢打赌这是可能的。如果是这样，是否有可能将settings 传递给第二类，但 NOT 在参数中？也许我可以在二等舱使用另一种头等舱方法，但使用头等舱的this.options？

为了清楚起见，“第一类”是指Container 类的第一次运行，而“第二类”是指在内部首先创建的另一个Container class。

https://jsfiddle.net/rqhwsv2p/5/

class Container {
    constructor(element, className, settings) {
        this.init(element, className, settings);
    }

    init(element, className, settings) {
        var template = '<div class=' + className + '></div>';
        var container = $(template);

        element.append(container);

        if (settings) {
            this.settings = settings;

            this.getSettings();
            console.log('settings:::::', this.settings);
        }
    }

    getSettings() {
        return this.settings;
    }
}

var body = $('body');
var settingsOuter = {enable: true, visible: true, color: true};

var outer = new Container(body, 'container', settingsOuter);
var inner = new Container($('.container'), 'inner-container');

Answer 1

您可以将settings 定义为class constructor 的默认参数

class Container {
    constructor(element, className, settings = {enable: true, visible: true, color: true}) {
        this.init(element, className, settings);
    }

    init(element, className, settings) {
        var template = '<div class=' + className + '></div>';
        var container = $(template);

        element.append(container);

        if (settings) {
            this.settings = settings;

            this.getSettings();
            console.log('settings:::::', this.settings);
        } else {
            this.settings = void 0;
        }
    }

    getSettings() {
        return this.settings;
    }
}