Tengo dos clases, primaria y secundaria, y quiero que la clase secundaria acceda a un método en la clase principal de alguna manera (tenga en cuenta que la clase secundaria no se extiende/hereda de la clase principal)... La clase principal solo tiene una propiedad de la matriz de sus objetos secundarios.
class Parent { constructor() { this.name = "parent"; this.children = []; } addChild(child) { this.children.push(child); } foo() { console.log("foo"); } } class Child { constructor(name) { this.name = name; // Call the foo function of the parent } }También descubrí un enfoque alternativo:
class Child { constructor(name, parent) { this.name = name; this.parent = parent; this.parent.foo(); } }Pero en el enfoque anterior, cada hijo tiene su clase principal como propiedad, pero la clase principal también tiene la propiedad secundaria, por lo que crearía una situación en la que el hijo contiene al padre que contiene al hijo que nuevamente contiene al padre y así en..... Y no creo que sea la mejor práctica de programación tener propiedades infinitamente anidadas en un objeto, así que dudo un poco de este enfoque.
Espero que haya alguna otra forma de hacer esto, o ¿está bien el enfoque de propiedad infinitamente anidado?
La relación padre-hijo debe establecerse y mantenerse explícitamente para cada niño. Y dado que la parent de cada instancia/objeto secundario es solo una referencia a una Parent principal, el OP no necesita preocuparse por el consumo de memoria o lo que sea, el OP se refiere como "anidado" .
class Child { constructor(name, parent) { this.name = name; this.parent = parent; // Call the `foo` function of the parent // in case `parent.foo` exists and is callable. parent?.foo?.(); } } class Parent { constructor() { this.name = 'parent'; this.children = []; } addChild(referenceOrName) { if (typeof referenceOrName === 'string') { this.children.push(new Child(referenceOrName, this)); } else if ( (referenceOrName instanceof Child) && !this.children.includes(referenceOrName) //!this.children.find(child => child.name === referenceOrName.name) ) { referenceOrName.parent = this; this.children.push(referenceOrName); } } foo() { console.log("foo"); } } const testParent = new Parent; const testChild = new Child('baz', testParent); console.log({ testParent }); testParent.addChild('bar'); testParent.addChild(testChild); console.log({ testParent }); testParent.addChild('biz'); testParent.addChild('boz'); console.log({ testParent }); .as-console-wrapper { min-height: 100%!important; top: 0; }