Funkce - Javascript

Funkce je posloupnoust javascriptových příkazů, které se v programu opakují vícekrát. Aby se ušetřil čas při psaní kódu, tedy aby se nemusel kód funkce v programu přepisovat na mnohá místa, kde chceme kód spustit, používá se funkce.

Deklarace

Deklarace funkce se skládá z několika částí. Hlavní je napsat slovo function, které říká, že zatímto slovem bude následovat jméno funkce společně s parametry, ma-li je funkce.

Deklarace bez parametrů

function nazev_funkce(){
  document.write("telo funkce");
  //prikazy funkce
  }

Deklarace s parametry

function nazev_funkce(var x, var y){
  var z;
  z = x+y;
  document.write(z); //vypíše z, tedy součet předaných parametrů x a y
  }

Návratové hodnoty funkce

Pokud chcete, aby například funkce spočítala nějakou rovnici a předala výsledek programu, použije se na konci funkce příkaz break(). Pro názrnost použijeme minulý příklad.

function nazev_funkce(var x, var y){
  var z;
  z = x+y;
  return z; //vrátí z, tedy součet předaných parametrů x a y
  }

Volání

Doteď jsme si řeli, jak deklarovat funkci, ale ještě jsme si neřekli, jak funkci zavolat v programu. Není to nic težkého.

Volaní bez předání parametrů

  nazev_funkce();

Volaní S předáním parametrů

  nazev_funkce(var x, var y);

Vše v jednom

Pokud si nedovedete představit, jak celé ty bloky kódu fungují, prohlédněte si následující příklad. V hlavním bloku programu budeme volat funkci spocti(), které předáme vždy jiné parametry. Funkce sečte předané parametry a vypíše tento součet.

Abyste si mohli představit, jak vypadá kód programu s použitím funkce i bez ní, vytvořil jsem provás následující příklad. Všimněte si prosím délky kódu, jak s použitím i bez použití funkce. Napříkladu je znát, že délka kódu při použití funkce je daleko kratší, což vede i menší velikosti souboru.

Program s funkcí

  function spocti(var x, var y){
    var z;
    z = x+y;
    document.write(z);
  }

  nazev_funkce(1,1);
  nazev_funkce(2,2);
  nazev_funkce(3,3);
  nazev_funkce(4,4);
  nazev_funkce(5,5);

Program bez funkce

  var z;
  var x;
  var y;
  
  x=1; y=1;
  z = x+y;
  document.write(z);
  
  x=2; y=2;
  z = x+y;
  document.write(z);
  
  x=3; y=3;
  z = x+y;
  document.write(z);
  
  x=4; y=4;
  z = x+y;
  document.write(z);
  
  x=5; y=5;
  z = x+y;
  document.write(z);