JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<div id="out">x</div>

JavaScript

x = {
    get zuper() { return this; },
    foo: 'bar',
    
    child: {
        get foobar() { return x.zuper.foo; }
    }
};

y = Object.create(x);
        
document.getElementById('out').innerHTML = y.child.foobar;
y.foo = 'bananas';
document.getElementById('out').innerHTML += y.child.foobar;