如何在JavaScript类实例化时传入参数修改background和fill属性

你的WaveSingle类构造函数已支持传入自定义配置参数，直接在实例化时传入包含background和fill的配置对象即可实现修改：

修改实例化代码 #

将原代码：

this.wave = new WaveSingle(this.scene);

修改为：

this.wave = new WaveSingle(this.scene, {
    background: 0x你的十六进制颜色值, // 示例：0x1a1a1a
    fill: 0x你的十六进制颜色值      // 示例：0x4CAF50
});

原理说明 #

WaveSingle的构造函数中，默认配置会被传入的options对象通过扩展运算符...覆盖对应属性：

this.opts = {
    background: 0x000000,
    fill: 0xffffff,
    ...options, // 传入的配置优先级高于默认值
};

修改后的完整initWave方法 #

initWave() {
    this.wave = new WaveSingle(this.scene, {
        background: 0x2c3e50,
        fill: 0xecf0f1
    });
}

内容的提问来源于stack exchange，提问作者Justin