ECMAScript-inheritanssimekanismin esimerkki

Tämä luku käyttää klassista esimerkkiä selittääksensä ECMAScriptin perintämekanismia.

Perintämekanismi esimerkki

Paras tapa selittää perintämekanismi on käyttää klassista esimerkkiä - geometrisia muotoja. Todellisuudessa geometrisia muotoja on vain kaksi, eli elliptinen (on ympyrän) ja polygoni (on tietty määrä sivua). Ympyrä on elliptinen, sillä sillä on vain yksi fokus. Kolmiokulmio, suorakulmio ja viidenkulmio ovat polygonin alatyyppejä, joilla on eri määrä sivuja. Neliö on suorakulmion alatyppi, jossa kaikki sivut ovat yhtä pitkiä. Tämä muodostaa täydellisen perintäsuvun.

Tässä esimerkissä luokka (Shape) on elliptisen (Ellipsi) ja polygonin (Polygoni) pohjaluokka (kaikki luokat perivät sen). Ellipsiellä on yksi ominaisuus fokikerroin

Paras tapa selittää tämä perintäsuhde on käyttää kuvaa, ja tämä on UML:n (yhtenäinen mallintelukieli) sovelluskohteita. Yksi UML:n pääasiallisista käyttötarkoituksista on visualisoida monimutkaisia objektisuhteita, kuten perintää. Seuraava kuva selittää Shape ja sen alaluokat välisen suhteen UML-kuvauksena:

Inheritanssimekanismi UML-kuvauksen esimerkki

UML:ssä jokainen laatikko edustaa luokkaa, jota luokan nimi selittää. Kolmiokulmion, suorakulmion ja viidenkulmion yläosassa olevat viivat yhdistyvät kohti muotoa, mikä osoittaa, että nämä luokat perivät muodon. Samoin, suorakulmion osoittama nuoli suoraan neliöön osoittaa niiden välisen perintäsuhteen.