Programowanie w JavaScript Rusz głową!

jesteś tutaj

189

Porządkowanie naszych danych

Test ostatecznego raportu

Nie ociągaj się i dodaj najnowszy fragment kodu, generujący numery najlepszych płynów do

robienia baniek, do pliku

bubbles.html, a następnie weź swój raport na kolejną jazdę próbną.

Cały kod JavaScript służący do generowania tego raportu przedstawiliśmy poniżej.

YDUVFRUHV >



34, 55, 51, 52, 44, 51,





@

var highScore = 0;

var output = 0;

IRUYDUL LVFRUHVOHQJWKL^

FRQVROHORJĵ3ï\QGREDQLHNQUĵLĵZ\QLNĵVFRUHV>L@

LIVFRUHV>L@!KLJK6FRUH^

highScore = scores[i];

}

}

FRQVROHORJĵ/LF]EDWHVWöZĵVFRUHVOHQJWK

FRQVROHORJĵ1DMZLÚNV]DOLF]EDZ\WZRU]RQ\FKEDQLHNĵKLJK6FRUH

YDUEHVW6ROXWLRQV >@

IRUYDUL LVFRUHVOHQJWKL^

LIVFRUHV>L@ KLJK6FRUH^

EHVW6ROXWLRQVSXVKL

}

}

FRQVROHORJĵ3ï\Q\]QDMOHSV]\PZ\QLNLHPĵEHVW6ROXWLRQV

Zwycięzcami są…

Płyny do robienia baniek o numerach 11 i 18 uzyskały taką samą,

największą liczbę baniek: 69! Dlatego też to one są zwycięzcami

naszego konkursu.

Konsola JavaScript

3á\QGREDQLHNQUZ\QLN

3á\QGREDQLHNQUZ\QLN

3á\QGREDQLHNQUZ\QLN

...

3á\QGREDQLHNQUZ\QLN

/LF]EDWHVWyZ

1DMZLĊNV]DOLF]EDZ\WZRU]RQ\FKEDQLHN

3á\Q\]QDMOHSV]\PZ\QLNLHP

190

Rozdział 4.

Powtórna analiza kodu z uwzględnieniem funkcji

W poprzednim

rozdziale poświęciliśmy

sporo czasu na przedstawienie

funkcji. Dlaczego nie

zastosowaliśmy ich w tym

kodzie?

0aV] raFMĕ powLQQLĩP\ Wo ]roELĉ

Funkcje

przedstawiliśmy dopiero niedawno, dlatego

chcieliśmy, żebyś — zanim je zastosujesz — poznał

także podstawowe informacje na temat tablic.

Jednak zawsze będziemy starali się zwracać uwagę

na to, które fragmenty kodu można wyodrębnić

i zaimplementować w formie funkcji. Nie tylko

to — załóżmy, że chciałbyś ich wielokrotnie używać

lub nawet pozwolić innym na skorzystanie z całego

rozwiązania generującego raport z testów płynów

do robienia baniek. Być może chciałbyś udostępnić

innym programistom fajny zestaw funkcji, które

mogliby stosować.

Wróćmy zatem do kodu generującego raport

i spróbujmy przeprowadzić jego

refaktoryzację

polegającą na wprowadzeniu funkcji. Pod

pojęciem refaktoryzacji rozumiemy modyfikację

sposobu organizacji kodu w celu poprawienia

jego czytelności i łatwości utrzymania, jednak bez

zmiany efektów działania. Innymi słowy, kiedy

skończymy, kod będzie robił dokładnie to samo, co

wcześniej, lecz jednocześnie będzie znacznie lepiej

zorganizowany.