Tässä luvussa tutkimme hajauttamisen käsitettä ohjelmoinnissa. Hajauttaminen on prosessi, jossa monimutkainen ongelma jaetaan pienempiin, helpommin hallittaviin osiin. Tämä lähestymistapa ei ainoastaan helpota ongelmien ratkaisemista, vaan auttaa myös järjestämään koodia luettavammalla ja ylläpidettävällä tavalla.

Ninja-pelimme yhteydessä hajauttaminen mahdollistaa sellaisten funktioiden luomisen, joita voidaan käyttää uudelleen ja yhdistää suorittamaan monimutkaisempia tehtäviä. Kutsumalla funktioita muiden funktioiden sisällä voimme rakentaa toimintojen hierarkian, joka yksinkertaistaa kokonaistehtävää.

Katsotaanpa esimerkkiä ymmärtääksemme, miten hajauttaminen toimii:



ZnVuY3Rpb24gbmluamFDb250cm9sbGVyKG5pbmphKSB7Cglsb290VHVubmVsKG5pbmphKTsKCWxvb3RUdW5uZWwobmluamEpOwoJbG9vdFR1bm5lbChuaW5qYSk7Cn0KCmZ1bmN0aW9uIGxvb3RUdW5uZWwobmluamEpIHsKCS8vIGluCgluaW5qYS5nb1JpZ2h0KCk7CgluaW5qYS5nb1JpZ2h0KCk7CgluaW5qYS5nb1JpZ2h0KCk7CgluaW5qYS5nb0Rvd24oKTsKCW5pbmphLnBpY2tTdXNoaSgpOwoKCS8vIG91dAoJbmluamEuZ29VcCgpOwoJbmluamEuZ29MZWZ0KCk7CgluaW5qYS5nb0xlZnQoKTsKCW5pbmphLmdvTGVmdCgpOwoKCW1vdmVUb05leHRUdW5uZWwobmluamEpOwp9CgpmdW5jdGlvbiBtb3ZlVG9OZXh0VHVubmVsKG5pbmphKXsKCW5pbmphLmdvRG93bigpOwoJbmluamEuZ29Eb3duKCk7CgluaW5qYS5nb0Rvd24oKTsKfQo=

PCFkb2N0eXBlIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8c3R5bGU+CiAgICAgICogewogICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTsKICAgICAgfQogICAgICBjYW52YXMgewogICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrOwogICAgICAgIHdpZHRoOiAxMDAlOwogICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgICAgICAgaGVpZ2h0OiAxMDAlOwogICAgICAgIG1heC13aWR0aDogNTAwcHg7CiAgICAgICAgbWF4LWhlaWdodDogNTAwcHg7CiAgICAgIH0KICAgIDwvc3R5bGU+CgogICAgPCEtLSBFcnJvciBoYW5kbGVyIC0tPgogICAgPHNjcmlwdD4KICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoImVycm9yIiwgKGUpID0+IHsKICAgICAgICBjb25zb2xlLmVycm9yKCJDYXRjaGVkIG5pbmphIGVycm9yOiAiLCBlKTsKICAgICAgICB3aW5kb3cucGFyZW50LmRvY3VtZW50LmRpc3BhdGNoRXZlbnQobmV3IEN1c3RvbUV2ZW50KCJlcnJvciIsIHsgZGV0YWlsOiBlLmVycm9yIH0pKTsKICAgICAgfSk7CiAgICA8L3NjcmlwdD4KICAgIDwhLS0gTGV2ZWwgcHJlc2V0IHN0YXJ0IC0tPgogICAgPHNjcmlwdCBzcmM9InByZXNldC5qcyI+PC9zY3JpcHQ+CiAgICA8IS0tIExldmVsIHByZXNldCBlbmQgLS0+CiAgICAKICAgIDwhLS0gVXNlcidzIGNvZGUgc3RhcnQgLS0+CiAgICA8c2NyaXB0IHNyYz0ibmluamEuanMiPjwvc2NyaXB0PgogICAgPCEtLSBVc2VyJ3MgY29kZSBlbmQgLS0+CgogICAgPHNjcmlwdCB0eXBlPSJtb2R1bGUiIGNyb3Nzb3JpZ2luIHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy9jNTVkMjZiNS1mOGU2LTRjODUtYWJkNS0yNGZjMDE3MGE0Y2UvZ2FtZS9hc3NldHMvaW5kZXgtRGVFdlRMbHQuanMiPjwvc2NyaXB0PgogICAgPGxpbmsgcmVsPSJzdHlsZXNoZWV0IiBjcm9zc29yaWdpbiBocmVmPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzL2M1NWQyNmI1LWY4ZTYtNGM4NS1hYmQ1LTI0ZmMwMTcwYTRjZS9nYW1lL2Fzc2V0cy9pbmRleC1UWnJOdzdkQS5jc3MiPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxkaXYgaWQ9ImFwcCI+PC9kaXY+CiAgPC9ib2R5Pgo8L2h0bWw+Cg==

Z2FtZU1hcCA9IFtbMCwwLDAsMCwwLDAsMCwwLDAsMCwwXSxbMCwwLDAsMCwxLDEsMSwxLDAsMCwwXSxbMCwwLDAsMiwwLDAsMCwxLDAsMCwwXSxbMCwwLDAsMCwxLDEsMywxLDAsMCwwXSxbMCwwLDAsMCwxLDEsMSwxLDAsMCwwXSxbMCwwLDAsMCwwLDAsMCwxLDAsMCwwXSxbMCwwLDAsMCwxLDEsMywxLDAsMCwwXSxbMCwwLDAsMCwxLDEsMSwxLDAsMCwwXSxbMCwwLDAsMCwwLDAsMCwxLDAsMCwwXSxbMCwwLDAsMCwxLDEsMywxLDAsMCwwXSxbMCwwLDAsMCwxLDEsMSwxLDAsMCwwXV07Cg==

Yllä olevassa esimerkissä meillä on funktio `ninjaController`, joka kutsuu toista funktiota `lootTunnel` kolme kertaa. `lootTunnel`-funktio suorittaa sarjan toimintoja kerätäkseen sushia tunnelista ja kutsuu sitten `moveToNextTunnel`-funktiota asettaakseen ninjan seuraavaa tunnelia varten. Tämä kerroksellinen lähestymistapa tekee koodista helpommin ymmärrettävän ja muokattavan.

Nyt on sinun vuorosi harjoitella hajauttamista suorittamalla seuraava tehtävä.


Tervetuloa JavaScript Ninja -kurssille! Tämä mukaansatempaava ja vuorovaikutteinen kurssi on suunniteltu esittelemään sinulle JavaScript-ohjelmoinnin perusteet hauskan ja opettavaisen pelin kautta. Ohjaat ninjaa erilaisten haasteiden läpi, käyttäen JavaScriptiä liikkeiden hallintaan ja vuorovaikutukseen esineiden, kuten sushin, kanssa. Aloittaen perusteista, opit navigoimaan kartalla, poimimaan ja asettamaan sushia, ja etenet vähitellen monimutkaisempiin ohjelmointikäsitteisiin, kuten functions, loops ja conditional statements. Jokainen luku tarjoaa käytännön harjoituksia oppimisen vahvistamiseksi, huipentuen jännittäviin haasteisiin, jotka testaavat taitojasi. Olitpa sitten täysin aloittelija tai haluat hioa koodauskykyjäsi, tämä kurssi tarjoaa kattavan ja nautinnollisen oppimiskokemuksen. Liity mukaan ja tule koodausninjaksi!

Osiossa "Perusohjaimet" tutustut JavaScriptin perustavanlaatuisiin ominaisuuksiin mukaansatempaavan Ninja-pelin kautta. Opit käyttämään JavaScript-komentoja ohjataksesi ninjasi liikkeitä ja vuorovaikutuksia ruudukossa, halliten olennaisia toimintoja kuten liikkuminen, sushin poimiminen ja asettaminen. Käytännön harjoittelun kautta sovellat näitä taitoja hauskojen haasteiden ratkaisemiseen, vahvistaen ymmärrystäsi JavaScriptin perusominaisuuksista.

Osiossa "Funktiot" syvennyt JavaScriptin tehokkaaseen ominaisuuteen luoda ja hyödyntää funktioita koodisi virtaviivaistamiseksi. Opit kirjoittamaan funktioita suorittamaan tiettyjä tehtäviä, parantaen koodin uudelleenkäytettävyyttä ja selkeyttä. Harjoittelemalla hajottamista, jaat monimutkaiset ongelmat yksinkertaisempiin funktioihin, halliten järjestelmällisen ja tehokkaan koodauksen taidon.

Osiossa "Loops" tutustut JavaScriptin olennaiseen ominaisuuteen, silmukoihin, joiden avulla voit suorittaa toistuvia tehtäviä tehokkaasti. Opit toteuttamaan sekä for-silmukoita että while-silmukoita, jolloin saat kyvyn automatisoida toimintoja ja iteroida sekvenssejä. Hallitsemalla sisäkkäiset silmukat, pystyt käsittelemään monimutkaisempia tilanteita, mikä parantaa kykyäsi kirjoittaa ytimekästä ja tehokasta koodia.

Osiossa "If-Else Statements" opit käyttämään JavaScriptin ehdollista logiikkaa päätösten tekemiseen koodissasi. Tutustut siihen, kuinka if-else statements antavat ninjallesi mahdollisuuden reagoida dynaamisesti erilaisiin tilanteisiin, mikä mahdollistaa älykkäämmän ja mukautuvamman käyttäytymisen. Käytännön harjoitusten kautta sovellat näitä käsitteitä haasteiden ratkaisemiseen, mikä parantaa kykyäsi kirjoittaa reagoivaa ja päätöksentekoon perustuvaa koodia.

Osiossa "Haasteet" sovellat JavaScript-taitojasi ratkaistaksesi sarjan mukaansatempaavia ja monimutkaisia ongelmia. Nämä haasteet testaavat ymmärrystäsi silmukoista, funktioista ja ehdollisesta logiikasta, kun ohjaat ninjasi kohdistamaan sarakkeita, rakentamaan kirjaimia ja kulkemaan monimutkaisia kuvioita. Ratkaisemalla nämä pulmat hiot koodaustaitojasi ja saat varmuutta JavaScriptin soveltamiseen luovissa ja todellisissa tilanteissa.

Hajottaminen

Ratkaisu

Hajottaminen

Ratkaisu