Summary  
This chapter covers the decomposition concept, breaking a complex problem into smaller, single-responsibility functions that call one another to build larger behaviors.

General domain of usage  
Game development

I dette kapittelet skal vi utforske konseptet dekomponering i programmering. Dekomponering er prosessen med å bryte ned et komplekst problem i mindre, mer håndterbare deler. Denne tilnærmingen gjør det ikke bare lettere å løse problemer, men hjelper også med å organisere koden på en mer lesbar og vedlikeholdbar måte.

I konteksten av vårt Ninja-spill, lar dekomponering oss lage funksjoner som kan gjenbrukes og kombineres for å utføre mer komplekse oppgaver. Ved å kalle funksjoner innenfor andre funksjoner, kan vi bygge et hierarki av operasjoner som forenkler den overordnede oppgaven.

La oss se på et eksempel for å forstå hvordan dekomponering fungerer:



ZnVuY3Rpb24gbmluamFDb250cm9sbGVyKG5pbmphKSB7Cglsb290VHVubmVsKG5pbmphKTsKCWxvb3RUdW5uZWwobmluamEpOwoJbG9vdFR1bm5lbChuaW5qYSk7Cn0KCmZ1bmN0aW9uIGxvb3RUdW5uZWwobmluamEpIHsKCS8vIGluCgluaW5qYS5nb1JpZ2h0KCk7CgluaW5qYS5nb1JpZ2h0KCk7CgluaW5qYS5nb1JpZ2h0KCk7CgluaW5qYS5nb0Rvd24oKTsKCW5pbmphLnBpY2tTdXNoaSgpOwoKCS8vIG91dAoJbmluamEuZ29VcCgpOwoJbmluamEuZ29MZWZ0KCk7CgluaW5qYS5nb0xlZnQoKTsKCW5pbmphLmdvTGVmdCgpOwoKCW1vdmVUb05leHRUdW5uZWwobmluamEpOwp9CgpmdW5jdGlvbiBtb3ZlVG9OZXh0VHVubmVsKG5pbmphKXsKCW5pbmphLmdvRG93bigpOwoJbmluamEuZ29Eb3duKCk7CgluaW5qYS5nb0Rvd24oKTsKfQo=

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

Z2FtZU1hcCA9IFtbMCwwLDAsMCwwLDAsMCwwLDAsMCwwXSxbMCwwLDAsMCwxLDEsMSwxLDAsMCwwXSxbMCwwLDAsMiwwLDAsMCwxLDAsMCwwXSxbMCwwLDAsMCwxLDEsMywxLDAsMCwwXSxbMCwwLDAsMCwxLDEsMSwxLDAsMCwwXSxbMCwwLDAsMCwwLDAsMCwxLDAsMCwwXSxbMCwwLDAsMCwxLDEsMywxLDAsMCwwXSxbMCwwLDAsMCwxLDEsMSwxLDAsMCwwXSxbMCwwLDAsMCwwLDAsMCwxLDAsMCwwXSxbMCwwLDAsMCwxLDEsMywxLDAsMCwwXSxbMCwwLDAsMCwxLDEsMSwxLDAsMCwwXV07Cg==

I eksempelet ovenfor har vi en funksjon `ninjaController` som kaller en annen funksjon `lootTunnel` tre ganger. `lootTunnel`-funksjonen utfører selv en serie handlinger for å samle sushi fra en tunnel og kaller deretter `moveToNextTunnel` for å posisjonere ninjaen for neste tunnel. Denne lagdelte tilnærmingen gjør koden lettere å forstå og endre.

Nå er det din tur til å øve på dekomponering ved å fullføre følgende oppgave.


Velkommen til JavaScript Ninja-kurset! Dette engasjerende og interaktive kurset er designet for å introdusere deg til grunnleggende JavaScript-programmering gjennom et morsomt og lærerikt spill. Du vil veilede en ninja gjennom ulike utfordringer, bruke JavaScript for å kontrollere bevegelser og samhandle med objekter som sushi. Fra starten med det grunnleggende, vil du lære hvordan du navigerer på kartet, plukker opp og plasserer sushi, og gradvis går videre til mer komplekse programmeringskonsepter som funksjoner, løkker og betingede utsagn. Hvert kapittel tilbyr praktisk øvelse for å styrke læringen din, og kulminerer i spennende utfordringer som tester ferdighetene dine. Enten du er en nybegynner eller ønsker å skjerpe dine kodeferdigheter, gir dette kurset en omfattende og hyggelig læringsopplevelse. Bli med oss og bli en kode-ninja!

I "Grunnleggende kontroller"-seksjonen vil du bli introdusert for de grunnleggende funksjonene i JavaScript gjennom det engasjerende Ninja-spillet. Du vil lære hvordan du bruker JavaScript-kommandoer for å kontrollere ninjaens bevegelser og interaksjoner på rutenettet, og mestre essensielle funksjoner som å bevege seg, plukke opp og plassere sushi. Gjennom praktisk øvelse vil du anvende disse ferdighetene for å løse morsomme utfordringer, og styrke din forståelse av JavaScripts grunnleggende kapabiliteter.

I "Funksjoner"-seksjonen vil du dykke ned i den kraftige JavaScript-funksjonen for å lage og bruke funksjoner for å effektivisere koden din. Du vil lære hvordan du skriver funksjoner for å utføre spesifikke oppgaver, og dermed forbedre gjenbrukbarhet og klarhet i koden. Ved å praktisere dekomponering, vil du bryte ned komplekse problemer til enklere funksjoner, og mestre kunsten av organisert og effektiv koding.

I "Løkker"-seksjonen vil du utforske den essensielle JavaScript-funksjonen loops, som lar deg utføre repeterende oppgaver effektivt. Du vil lære å implementere både for loops og while loops, og få evnen til å automatisere handlinger og iterere over sekvenser. Ved å mestre nestede loops, vil du takle mer komplekse scenarier, og forbedre din evne til å skrive konsis og kraftig kode.

I "If-Else Statements"-seksjonen vil du lære hvordan du bruker JavaScripts conditional logic for å ta beslutninger i koden din. Du vil utforske hvordan if-else statements lar ninjaen din reagere dynamisk på forskjellige scenarier, noe som muliggjør mer intelligent og tilpasningsdyktig oppførsel. Gjennom praktiske øvelser vil du anvende disse konseptene for å løse utfordringer, og forbedre din evne til å skrive responsiv og beslutningsdrevet kode.

I "Utfordringer"-seksjonen vil du bruke dine JavaScript-ferdigheter til å takle en serie engasjerende og komplekse problemer. Disse utfordringene vil teste din forståelse av løkker, funksjoner og betinget logikk mens du veileder din ninja til å justere kolonner, bygge bokstaver og krysse intrikate mønstre. Ved å løse disse gåtene vil du forbedre dine kodeferdigheter og få selvtillit i å anvende JavaScript i kreative og virkelige scenarier.

Dekomponering

Løsning

Dekomponering

Løsning