如何在Child实例中优雅访问Container父实例？

方案1：封装Child实例化逻辑到Container内部 #

把创建Child的过程封装成Container的私有方法，内部自动传入父实例，避免重复手动传递this：

class Child {
    constructor(parent) {
        this.parent = parent;
    }
}

class Container {
    // 封装创建Child的私有方法
    #createChild() {
        return new Child(this);
    }

    // 初始化子实例时调用封装方法
    childInstance = this.#createChild();
    // 多子实例场景也统一复用该方法
    anotherChild = this.#createChild();
}

不管创建多少个Child实例，都只需调用#createChild()，既减少重复代码，也让父子关联逻辑更集中。

方案2：利用getter实现单例子实例自动绑定 #

如果需要子实例是单例，可通过getter属性自动创建并绑定父实例，同时做缓存：

class Child {
    constructor(parent) {
        this.parent = parent;
    }
}

class Container {
    #cachedChild = null;
    get childInstance() {
        if (!this.#cachedChild) {
            this.#cachedChild = new Child(this);
        }
        return this.#cachedChild;
    }
}

首次访问childInstance时创建实例并绑定父对象，后续访问直接返回缓存的实例。

方案3：原型链隐式关联（不推荐） #

通过临时修改Child的原型挂载父实例，但会导致多Container实例的Child共享同一个父对象，仅适用于单场景：

class Child {
    constructor() {
        this.parent = Child.prototype.parent;
    }
}

class Container {
    constructor() {
        Child.prototype.parent = this;
        this.childInstance = new Child();
        // 若需避免影响其他实例，可创建后重置原型
        // delete Child.prototype.parent;
    }
}

⚠️ 此方式存在实例污染风险，常规场景不建议使用。

总结 #

最稳妥且优雅的方案是方案1，通过封装逻辑简化重复操作的同时，保持父子实例关联的清晰性；方案2适合动态单例场景；方案3仅作为特殊场景的备选。

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