Wywołanie kaskadowe - dziedziczenie

Witam, uczę się od jakiegoś czasu programowania front-end owego, natrafiłem na żądanie z którym nie mogę sobie poradzić otoz: mam za zadanie stworzyć hierarchie dziedziczenia dla obiektu z metodami. Powinno to wyglądać następująco:

const myForm=new Form()
myForm.div("tekst") zwraca <div>teskt</div>
myForm.p.div("tekst") zwraca <div><p>teskt</p></div>
myForm.span.p.div("tekst") zwraca <div><p><span>teskt</span></p></div>

Nie wiem jak to rozgryźć za pomocą klas/prototypowanie, niestety notacja obiekt.metoda.metoda() jest mi obca.

myForm.span.p.div

Był już wątek z podobnym kodem. To ty go założyłeś? Czy może macie tego samego wykładowcę/nauczyciela/podręcznik? (właśnie, z czego to zadanie? W tamtym wątku w końcu się nie dowiedziałem, kto takie pytania zadaje. A może to w jakieś rekrutacji było i dlatego uszy po sobie?).

niestety notacja obiekt.metoda.metoda() jest mi obca.

funkcja w JS jest obiektem, a do obiektów w JS można dodawać dynamicznie właściwości, więc można dodawać właściwości również do metod. Problem, że nawet jak dodasz właściwość, to żeby wychwycić moment dostępu do właściwości, musisz skorzystać z obiektu Proxy albo gettera. Ogólnie wszystko jest w wątku z linku poniżej:
wywołanie obj.div.p("text") (js)