Эффективный способ создания множества объектов фабрики в Javascript

Question

Мне поручена графическая система меню, построенная на модели навигации на колесах, где каждый «слой» меню состоит из нового объекта «Колесо» со свойствами, которые определяют цвета и меню выбор и так далее.

Я хотел бы использовать фабричный метод для создания единого общего объекта создателю для построения всех слоев, что-то похожее на собачьей завод из Маттиас Петтер Йохансон в funfunfunctions: видео: https://www.youtube.com/watch?v=ImwrezYhw4w расшифровку: https://medium.com/humans-create-software/factory-functions-in-javascript-video-d38e49802555#.mrrvx4a37

собак объект как Заводской метод:

const dog =() => { 
    const sound = 'woof' 
    return { 
    talk:() => console.log(sound) 
    } 
} 

// create a single new dog 
const sniffles = dog() 
sniffles.talk() // Outputs: "woof" 

Это хорошо работает, и я понимаю, как это работает. То, что пень меня немного, - это то, как «создать массу» около 30 собак, скажем ... перебирает множество имен собак с изменяемыми свойствами (разный цвет, размер и т. Д.).

Любые советы или примеры, которые нужно искать, очень ценятся!

Answer 1

Вот очень быстро наполовину написанный пример, я оставлю заполнение остальное в качестве упражнения для читателя:

const dogProps = [{color: "brown"}, {color: "black"}]; 
const dog = ({color}) => { 
    // construct with color 
}; 

const dogs = dogProps.map(dog);