24/25.3 WEB programiranje 3

Pitanja za razmišljanje:

• Da li ste ikada koristili tuđu skriptu?
• Kako proveravate da li ta skripta radi kako treba?

Uvod

Gotove skripte su unapred napisani JavaScript kodovi koji rešavaju određene probleme ili dodaju funkcionalnosti web stranicama. Međutim, pre nego što ih uključimo u našu aplikaciju, moramo da se uverimo da skripte rade ispravno i da odgovaraju potrebama našeg projekta. Zato je važno je da ih analiziramo i testiramo da bismo razumeli njihov način rada, prilagodili ih našim potrebama i eventualno otkrili greške ili potencijalne sigurnosne probleme.

U ovoj lekciji naučićete:

1. Šta je analiza JavaScript skripti i zašto je važna.
2. Kako da prepoznate greške u kodu.
3. Kako da testirate i otklonite greške.

Šta je analiza JavaScript skripti?

Analiza JavaScript skripte podrazumeva:

1. Čitanje koda – Razumevanje svrhe skripte i osnovnih funkcionalnosti.
2. Identifikaciju ključnih elemenata – Pronalaženje funkcija, uslova, petlji i promenljivih koje utiču na rad skripte.
3. Otkrivanje potencijalnih problema – Uočavanje delova koda koji mogu izazvati greške.

Primer:

function saberi(a, b) {
    return a + b;
}

• Šta se dešava ako se umesto broja unese slovo ili specijalni karakter?
• Šta ako je broj slučajno napisan između navodnika (kao string)?
  

Testiranje skripti

Testiranje podrazumeva proveru rada skripte sa različitim ulazima.

Koraci za testiranje:

1. Napisati primer poziva funkcije sa različitim ulazima.
2. Koristiti console.log za prikaz rezultata.
3. Proveriti da li funkcija radi ispravno za sve slučajeve.

Primer:

Testiranje funkcije saberi:

console.log(saberi(5, 3));   // Očekivano: 8  
console.log(saberi(5, "3")); // Očekivano: Greška  
console.log(saberi("5", "3")); // Očekivano: Greška  

Kako prepoznati greške?

Debugging je proces pronalaženja i ispravljanja grešaka.

• Simptomi grešaka: Skripta ne radi kako treba ili daje neočekivane rezultate.
• Alati za debugging:
  • console.log – Prikazuje vrednosti promenljivih i pomaže da pratite tok izvršavanja koda.

Primer greške:

function saberi(a, b) {
    return a + b;
}

let rezultat = saberi(5, "3");
console.log(rezultat);

Analiza:

1. Skripta treba da sabira dva broja, ali rezultat je 53.
2. Problem je što je drugi argument unet kao string, a ne kao broj.

Rešenje: Dodati proveru tipova podataka.

function saberi(a, b) {
    if (typeof a !== "number" || typeof b !== "number") {
        console.log("Greška: oba argumenta moraju biti brojevi.");
        return null;
    }
    return a + b;
}

Zaključak

Analiza i testiranje su ključne veštine za rad sa gotovim skriptama. Tokom analize je važno razumeti šta skripta radi, a testiranjem proveravamo ispravnost njenog rada sa različitim unosima.

Koraci za uspešnu analizu i testiranje:

1. Čitajte i razumite kod.
2. Testirajte ga sa različitim unosima.
3. Koristite console.log za otkrivanje grešaka.
4. Ispravite greške i ponovo testirajte.

Dodatak 1: Prikazivanje grešaka (try...catch blok )

JavaScript omogućava rukovanje greškama pomoću try...catch bloka. Ovo je korisno za hvatanje grešaka koje se mogu pojaviti prilikom izvršenja skripte.

try {
    // Kod koji može izazvati grešku
    let rezultat = saberi("a", 10);
} catch (error) {
    console.error("Došlo je do greške:", error.message);
}

Dodatni zadatak:

Napisati funkciju koja proverava da li je broj paran ili neparan. 

Primeniti korake analize i testiranja na sledeći kod:

function jeLiParan(number) {
    return number % 2 === 0;
}

console.log(jeLiParan("4"));  // Testirati sa različitim unosima.

• Identifikovati potencijalne greške.
• Ispraviti kod tako da proverava tip podatka.

Zadatak za vežbu:

1. Napraviti jednostavan try...catch blok koji hvata grešku prilikom deljenja broja sa nulom.