Как создать объект с контекстом родительского объекта?

Question

[poproboval]

Есть код:

let arr=[{
        key1:1,
        key2:2,
        key3:3,
        children:{
            render(){
                console.log(this.key1,"Key");//undefined
            }
        }
    }]

Можно ли создать объект children c контекстом родительского объекта, при этом не выносить родительский объект с переменной arr?

Answer 1

[0xD34F]

function bindRootContext(obj, context = obj) {
  return new Proxy(obj, {
    get(target, key) {
      const val = target[key];
      return (
        val instanceof Function ? val.bind(Object.hasOwn(target, key) ? context : target) :
        val instanceof Object   ? bindRootContext(val, context) :
                                  val
      );
    },
  });
}


const obj = bindRootContext({
  name: 'Root',
  a: {
    name: 'A',
    logName() { console.log(this.name); },
    b: {
      name: 'B',
      logName() { console.log(this.name); },
      arr: [
        {
          name: '666',
          logName() { console.log(this.name); },
        },
        function() { console.log(this.name); },
      ],
      c: {
        name: 'C',
        logName() { console.log(this.name); },
      },
    },
  },
});

obj.a.b.c.logName(); // Root
obj.a.b.logName(); // Root
obj.a.logName(); // Root
obj.a.b.arr[0].logName(); // Root
obj.a.b.arr[1](); // Root

Comments

[poproboval]

Круто. Не знал о Proxy.

Answer 2

[VoidVolker]

class Foo 
{
    constructor() {
        this.key1 = 'key 1'
        this.bar = new Bar(this)
    }
}

class Bar {

    constructor(parent) {
        this.parent = parent
    }

    redner() {
        console.log('Parent key 1:', this.parent.key1)
    }
}