Estoy tratando de entender el comportamiento de la composición basada en funciones en JavaScript.
const Animal = (name) => { let properties = { name }; return ({ get name() { return properties.name }, set name(newName) { properties.name = newName }, breathe: function() {console.log(`${this.name} breathes!`); } }) } const aquaticKind = (animal) => ({ swim: () => console.log(`${animal.name} swims`) }) const walkingKind = (animal, noOfLegs) => { const properties = { noOfLegs } return ({ get noOfLegs() { return properties.noOfLegs }, set noOfLegs(n) { properties.noOfLegs = n; }, walk: () => console.log(`${animal.name} walks with ${properties.noOfLegs} legs`) }) } const egglayingKind = (animal) => ({ layEgg: () => console.log(`${animal.name} laid an egg`) }) const Crocodile = (name) => { const info = Animal(name); return Object.assign(info, walkingKind(info, 4), aquaticKind(info), egglayingKind(info) ); } const snooty = Crocodile('snooty'); snooty.breathe(); snooty.swim(); snooty.walk(); snooty.name = "coolie"; snooty.noOfLegs = 23 // I expected this to get update to 23 snooty.swim(); snooty.walk(); snooty.layEgg(); Si ejecuta el código anterior, verá que noOfLegs nunca se actualiza, mientras que el name se actualiza. Parece que no puedo envolver mi cabeza alrededor de esto. ¿Cómo hacemos que noOfLegs también se actualice?
La documentación de MDN para object.assign le muestra cómo copiar "accesorios"
Aquí está su código que funciona como se esperaba: la función completeAssign se basa completamente en el código en ese enlace
const completeAssign = (target, ...sources) => { sources.forEach(source => { const descriptors = Object.keys(source).reduce((descriptors, key) => { descriptors[key] = Object.getOwnPropertyDescriptor(source, key); return descriptors; }, {}); Object.getOwnPropertySymbols(source).forEach(sym => { const descriptor = Object.getOwnPropertyDescriptor(source, sym); if (descriptor.enumerable) { descriptors[sym] = descriptor; } }); Object.defineProperties(target, descriptors); }); return target; }; const Animal = (name) => { const properties = { name }; return ({ get name() { return properties.name }, set name(newName) { properties.name = newName }, breathe () { console.log(`${this.name} breathes!`); } }) } const aquaticKind = (animal) => ({ swim: () => console.log(`${animal.name} swims`) }); const walkingKind = (animal, noOfLegs) => { const properties = { noOfLegs }; return ({ get noOfLegs() { return properties.noOfLegs }, set noOfLegs(n) { properties.noOfLegs = n; }, walk: () => console.log(`${animal.name} walks with ${properties.noOfLegs} legs`) }) } const egglayingKind = (animal) => ({ layEgg: () => console.log(`${animal.name} laid an egg`) }) const Crocodile = (name) => { const info = Animal(name); return completeAssign(info, walkingKind(info, 4), aquaticKind(info), egglayingKind(info) ); } const snooty = Crocodile('snooty'); snooty.breathe(); snooty.swim(); snooty.walk(); snooty.name = "coolie"; snooty.noOfLegs = 23; snooty.swim(); snooty.walk(); snooty.layEgg();