Par JavaScript funkcijām

Vai esat kādreiz domājis, kā pagriežot slēdzi, vai nospiežot citu veļas mazgājamās mašīnas pogu konkrētai mazgāšanai, tā vienkārši zina, kā rīkoties. Jūs izvēlaties “ātro” mazgāšanu, un mašīna katru reizi veic mazgāšanas ciklu vienā un tajā pašā temperatūrā ,vai pagriežat pogu uz sintētiku, un mašīna veic mazgāšanu tieši tikpat ilgu laiku. Katru reizi funkcijas darbojas tieši tāpat, atkārtoti izpildot vienu un to pašu saglabāto instrukciju kopu, neprasot katru reizi pielāgot iestatījumus. Šajā rakstā Jūs uzzināsiet par JavaScript funkciju izmantošanas priekšrocībām, uzzināsiet, kā funkcijas tiek strukturētas un kā kodā deklarēt funkciju, izmantojot parametrus. Visbeidzot, jūs atklāsiet, kā izsaukt funkciju ar savu kodu, izmantojot argumentus.

Bet vispirms, kas ir funkcija un ko tā dara?

Vienu no programmēšanas pamatprincipiem var rezumēt ar akronīmu DRY( Don’t repeat Yourself ), citiem vārdiem sakot, neatkārtojies!

Pateicoties funkcijām, jūs varat izvairīties no atkārtošanās. Izmantojot funkcijas, varat uzņemt vairākas koda rindiņas, kas veic saistītu darbību kopu, un pēc tam tās grupēt zem vienas etiķetes. Pēc tam, kad nepieciešams palaist saglabāto kodu, vienkārši izsaucat funkciju. Varat palaist kodu tik reižu, cik vēlaties.

function manaFunkcija() {
  console.log("Sveika pasaule!");
}
manaFunkcija();

Piemēram, pieņemsim, ka vēlaties saskaitīt divus skaitļus. Process varētu būt šāds.

  • Vispirms izveido divus mainīgos a un b. Un piešķiriet katram skaitļa vērtību,
  • pēc tam izveidojiet citu mainīgo c, kurā ir a un b vērtības, kas tiek saskaitītas kopā.
  • Visbeidzot ievadiet c vērtību konsolei.
var a = 10;


var b = 20;


var c = a + b;


console.log(c);

Šī koda daļa darbojas un apvieno divus skaitļus. Bet ko darīt, ja vēlaties izpildīt šo kodu vairāk nekā vienu reizi? To var izdarīt, ievietojot šo koda bloku funkcijā. Jūs deklarējat funkciju, ierakstot atslēgvārda funkciju, pēc tam atstarpi un pēc tam funkcijas nosaukumu. Varat nosaukt funkciju gandrīz par jebko, ko vēlaties. Šajā piemērā tas ir nosaukts saskaitiDivusCiparus pēc funkcijas nosaukuma. Novietojiet atverošas un aizverošas iekavas. Visbeidzot, lai pabeigtu funkciju, novietojiet atverošo un aizverošo figūriekavu. Pēc tam izpildāmais kods tiks ievietots starp kreiso un labo figūriekavu. Un tas ir pazīstams kā funkcijas pamatteksts.

function saskaitiDivusCiparus() {
  // šeit rakstāms funkcijas kods, jeb pamatteksts
}
Tātad pilna funkcija ar iepriekšējo piemēru izskatītos šādi:

function saskaitiDivusCiparus() {
  var a = 10;
  var b = 20;
  var c = a + b;
  console.log(c);
}

Ir svarīgi atcerēties, ka funkcijas deklarācija pati par sevi neizpilda kodu. Tas tikai norāda, kādas darbības jāveic. Kad funkcija ir izpildīta, lai palaistu funkciju kodu, jums ir jāizsauc funkcija, un tas tiek panākts, ierakstot funkcijas nosaukumu, kam seko sākuma un aizvēršanas iekavas.

function saskaitiDivusCiparus() {
  var a = 10;
  var b = 20;
  var c = a + b;
  console.log(c);
}
saskaitiDivusCiparus();
Tā vietā, lai teiktu, “palaist funkciju”, izstrādātāji var teikt, ka viņi “izsauc funkciju” , taču neuztraucieties. Visi šie termini nozīmē vienu un to pašu, lai izpildītu kodu funkciju korpusā.
Tālāk izpētīsim vēl vienu būtisku funkciju priekšrocību. Vērtību izmantošana. Vai ievērojāt, kā saskaitīšanas piemērā tika pievienoti skaitļi 10 un 20. Šie skaitļi ir izvēlētas šīs funkcijas vērtības, taču šis ir tikai viens piemērs vērtību izmantošanai ar funkcijām, kuras varat izmantot. Piemēram, jebkuras vērtības iepriekš izveidotā funkcija saskaitiDivusCiparus() Funkcija tika pieņemta, nebija argumentu, citiem vārdiem sakot, neviens parametrs netika definēts, savukārt mainīgos var izmantot rezultātu iegūšanai. Pastāv ierobežojumi, jo mainīgajiem a un b ir noteiktas vērtības, un funkcija vienmēr dotu tādu pašu rezultātu.
Tāpēc mainīsim šo funkciju, lai padarītu to elastīgāku. Funkcijai ir jānodod vērtības. Šīs vērtības ir pazīstamas kā funkcijas parametri un tiek ievietotas funkcijas definīcijā.

function saskaitiDivusCiparus(a, b) {
  var c = a + b;
  console.log(c);
}

Funkcijai nodotās vērtības sauc par argumentiem. Izpētīsim to nedaudz tālāk, iestatot a un b kā parametrus, nevis izmantojot mainīgos. Es varu viegli pievienot jebkurus divus skaitļus, kuriem vēlos pievienot parametrus, kas ir līdzīgi mainīgo nosaukumiem. Tie ļauj mums iestatīt mainīgas vērtības katram funkcijas izsaukumam. Funkcijas ar parametriem var pieņemt jebkāda veida vērtību un iegūt tīru iznākumu.

function saskaitiDivusCiparus(a, b) {
  var c = a + b;
  console.log(c);
}
saskaitiDivusCiparus(2,2);
Efektīvākas koda veidošanas funkcijas šādā veidā ļauj rakstīt elastīgas funkcijas, kuras var atkārtoti izmantot ar dažādām vērtībām tik reižu, cik nepieciešams. Piemēram, nododot vērtības kā argumentus mūsu funkcijai

saskaitiDivusCiparus .  Mēs varam to izsaukt tik reižu, cik vēlamies, un, kamēr vien mēs to nosūtam vērtībām, tā tās saskaitīs un izvadīs rezultātu.
Šajā rakstā jūs uzzinājāt par JavaScript funkcijām vispirms izveidojāt funkciju bez parametriem un piešķīrāt fiksētas vērtības pašas funkcijas pamattekstā. Pēc tam jūs uzzinājāt par funkciju parametriem, lai nodotu vērtības funkcijām.
Ir svarīgi atcerēties, ka funkciju parametri darbojas līdzīgi kā mainīgo nosaukumi. Faktiskās vērtības, kas šiem mainīgajiem tiks piešķirtas, būs funkciju argumentu veidā. Laikā, kad funkcija tiek izsaukta.

Loading

Noderīgs raksts? Dalies ar citiem: