JavaScript Functions Explained: Ĉu Vi Scivolas Pri Ili?

Se vi estas komencanto en JavaScript aŭ se vi volas plibonigi viajn programado-kapablojn, tiam funkcioj estas unu el la plej gravaj konceptoj, kiujn vi devas kompreni. En ĉi tiu artikolo, ni esploros kion funkcioj estas, kiel ili funkcias kaj kiel vi povas uzi ilin por krei pli efikajn kaj potencaĵajn programojn. Ni ankaŭ donos al vi kelkajn ekzemplojn por klarigi la temon. Do, se vi volas scii, kiel uzi funkciojn en JavaScript, legu plu!

Kio estas funkcio en JavaScript?

Funkcio en JavaScript estas blokado de kodo, kiu povas esti reuzata. Ĝi estas speco de subprogramo, kiu realigas specifan taskon aŭ kalkulon. Ĉiu fojo, kiam vi invokas funkcion, la kodo ene de ĝi estas plenumata. Funkcioj povas akcepti parametrojn (valorojn, kiujn vi pasigas al ĝi por prilabori) kaj povas revenigi valoron, kiu estas uzata en aliaj partoj de la programo.

Ekzemple, se vi volas kalkuli la sumon de du nombroj, vi povus skribi funkcion, kiu faras tion. Funkcioj ankaŭ helpas plibonigi la legiblecon de via kodo, ĉar vi povas izoli la logikon en apartajn blokojn.

Jen kiel funkcias baza funkcio en JavaScript

La baza sintakso por funkcio en JavaScript estas tre simpla. Jen ekzemplo:

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

En ĉi tiu ekzemplo, la funkcio nomiĝas sumo kaj akceptas du parametrojn: a kaj b. La funkcio returnas la sumon de tiuj du valoroj. Vi povas uzi ĉi tiun funkcion tiel:

let rezulto = sumo(5, 3);
console.log(rezulto); // Ĉi tio montros 8 en la konzolo

Kiam vi invokas sumo(5, 3), la funkcio ekzekutas la kodon interne, kalkulas la sumon de 5 kaj 3, kaj returnas la rezulton, kiu estas 8.

Parametroj kaj Returado de Valoroj

Funkcioj povas akcepti multajn parametrojn, kaj vi povas decidi ĉu ili revenos valoron aŭ ne. Se funkcio ne returnas valoron, ĝi havas la defaŭltan valoron undefined.

Jen ekzemplo de funkcio, kiu ne returnas valoron:

function bonvoluMontriMesagxon(mesagxo) {
  console.log(mesagxo);
}

bonvoluMontriMesagxon("Saluton, Mondo!");

Ĉi tiu funkcio simple montras la pasitan mesaĝon en la konzolo, sed ĝi ne returnas ion. Tio estas tute normala en JavaScript, ĉar ne ĉiu funkcio bezonas revenigi valoron.

Funkcioj kun Multaj Parametroj

Funkcioj povas preni kiel parametrojn multajn valorojn. Vi povas aldoni kiom ajn parametrojn al funkcio, kaj JavaScript traktos ilin en la ordo, en kiu vi donas ilin. Jen ekzemplo de funkcio kun tri parametroj:

function saluto(nomo, aĝo, urbo) {
  console.log("Saluton, " + nomo + "! Vi estas " + aĝo + " jarojn maljuna kaj loĝas en " + urbo + ".");
}

saluto("Mia", 25, "Bucuresto");

Ĉi tiu funkcio ricevas tri parametrojn: nomo, aĝo, kaj urbo. Kiam vi invokas saluto("Mia", 25, "Bucuresto"), ĝi montros en la konzolo:

Saluton, Mia! Vi estas 25 jarojn maljuna kaj loĝas en Bucuresto.

Funkcioj kun Defaultaj Valoroj

Se vi ne donas valorojn al ĉiuj parametroj de funkcio, vi povas difini defaultajn valorojn. Tio signifas, ke se vi ne pasigas valoron por iu parametro, tiam ĝi ricevos la antaŭdifinitan valoron. Jen ekzemplo:

function saluton(nomo = "Mondo") {
  console.log("Saluton, " + nomo + "!");
}

saluton(); // Montros "Saluton, Mondo!"
saluton("Ana"); // Montros "Saluton, Ana!"

En ĉi tiu ekzemplo, se vi ne donas valoron por nomo, ĝi ricevas la valoron "Mondo" kiel defaŭltan valoron. Tio ebligas al vi facile uzi la funkcion sen provizi ĉiujn parametrojn ĉiufoje.

Anonimaj Funkcioj

JavaScript ankaŭ permesas vin krei funkciojn sen nomo. Tiaj funkcioj estas nomataj anonimaj funkcioj. Anonimaj funkcioj estas ofte uzataj kiam vi volas transdoni funkcion kiel argumento aŭ kiam vi volas rapide uzi funkcion sen la bezono de nomo. Jen ekzemplo:

let aldoni = function(a, b) {
  return a + b;
};

console.log(aldoni(3, 4)); // Montros 7

Ĉi tiu funkcio estas esence la sama kiel la antaŭa, sed ĝi ne havas nomon. Anstataŭe, ĝi estas asignita al la variablo aldoni. Anonimaj funkcioj estas ofte uzataj en eventaj manipulistoj aŭ en asinkronaj operacioj.

Altnivela Uzo de Funkcioj: Funkcioj kiel Valoroj

Unu el la plej potencaĵoj de funkcioj en JavaScript estas, ke ili povas esti traktataj kiel valoroj. Ĉi tio signifas, ke vi povas transdoni funkciojn kiel argumentojn al aliaj funkcioj aŭ eĉ stokadi ilin en variabloj. Jen ekzemplo:

function saluto(nomo) {
  console.log("Saluton, " + nomo);
}

function efektivigiFunkcion(funkcio, nomo) {
  funkcio(nomo);
}

efektivigiFunkcion(saluto, "Mia");

En ĉi tiu ekzemplo, efektivigiFunkcion prenas funkcion kiel parametro kaj ekzekutas ĝin. Ni transdonas la funkcion saluto al ĝi, kiu montras "Saluton, Mia" en la konzolo.

Konkludo

Funkcioj estas unu el la plej fundamentaj kaj utilaj komponentoj en JavaScript. Ili permesas al vi dividi vian kodon en reuzeblajn partojn, kiuj povas esti facile invokitaj por fari taskojn kaj kalkulojn. Kiam vi lernos kiel uzi funkciojn efike, via kodo fariĝos pli klara, pli modula kaj pli potenca.

Ni ĉi tie kovris bazajn funkciojn, parametrojn, anonimaĵojn, kaj pli. Se vi volas plene stiri viajn kapablojn en JavaScript, kompreno de funkcioj estas la unua paŝo en via vojaĝo. Kun la tempo, vi lernos pli pri asinkronaj funkcioj, promesoj, kaj aliaj altnivelaj temoj, kiuj faros vian kodadon eĉ pli potenca!