Иерархияи синфҳои дарсохта дар ООП дар JavaScript

Синфҳои дарсохта низ иерархия доранд. Биёед бо мисоли абзас назар кунем:

<p>матн</p>

Истинод ба абзасро дар тағирёбанда мегирем:

let elem = document.querySelector('p');

Абзаси худро дар консол бубинем:

console.dir(elem);

Чун шумо аллакай медонед, дар хосият [[Prototype]] номи синфи абзас нигоҳ дошта мешавад. Ин HTMLParagraphElement аст. Агар рӯйхати хосиятҳо ва усулҳои ин синфро кушоед, пас аз поён бори дигар хосият [[Prototype]] пайдо мешавад, ки аллакай синфи волидайнро дар бар мегирад ва ин HTMLElement хоҳад буд. Барои он низ волидайнро ёфтан мумкин аст ва ҳамин тавр то поён.

Иерархияи синфҳоро барои ин тег омӯзед:

<div>матн</div>

let elem = document.querySelector('div');
console.dir(elem);

Иерархияи синфҳоро барои ин тег омӯзед:

<input>

let elem = document.querySelector('input');
console.dir(elem);

Иерархияи синфҳоро барои ин ҷамъ омӯзед:

<div>матн</div>
<div>матн</div>
<div>матн</div>

let elems = document.querySelectorAll('div');
console.dir(elems);

Иерархияи синфҳоро барои ин ҷамъ омӯзед:

<div>
	<p>матн</p>
	<p>матн</p>
	<p>матн</p>
</div>

let elem = document.querySelector('div');
let elems = elem.children;

console.dir(elems);