Puede que me esté dando una idea totalmente equivocada de las clases, pero esto es lo que quiero hacer.
Tengo un montón de colores diferentes, cada uno con su propio conjunto de tonos. Cada color se compone de una matriz de R, G, B. Quiero poder crear nuevos colores y luego acceder a diferentes propiedades formateadas, como css rgba.
class Color { constructor(dark, light, white, id) { this.dark = dark; this.light = light; this.white = white; } rgba(shade, opacity = 1) { return `rgba(${this[shade].join(", ")}, ${opacity})`; } } const pink = new Color( [226, 155, 166], [240, 214, 219], [250, 245, 246] ); //get rgba css string for a shade console.log(pink.rgba("light"));Esto funciona, pero sería más iniciativa poder hacer algo como esto para acceder a la cadena css rgba. es posible?
const rgba = pink.light.rgba();Use otra clase u objeto, y transforme los argumentos del constructor en eso en lugar de asignar cadenas a this.dark , etc.
const makeShade = arr => ({ rgba: (opacity = 1) => `rgba(${arr.join(", ")}, ${opacity})` }); class Color { constructor(dark, light, white, id) { this.dark = makeShade(dark); this.light = makeShade(light); this.white = makeShade(white); } } const pink = new Color( [226, 155, 166], [240, 214, 219], [250, 245, 246] ); //get rgba css string for a shade console.log(pink.light.rgba());