Informatica
Functiile in limbajul JavaScript - apelarea unei functiiFunctiile in limbajul JavaScript - Apelarea unei functii O functie reprezinta un fragment reutilizabil de cod sursa, fragment ce va fi executat ca urmare a aparitiei unui eveniment (click cu mouse-ul pe un buton, ) sau atunci cand functia este apelata. Functiile reprezinta un set de instructiuni. Functiile pot fi reutilizate in acelasi program (script) scris in Limbajul JavaScript sau in alte documente HTML (pagini Web). Functiile sunt definite la inceputul documentului HTML (in sectiunea <head> . . . </head>) si vor fi apelare mai tarziu in cadrul documentului. In continuare este exemplificata o metoda JavaScript de afisare a unui mesaj de atentionare (alertare): alert('Mesaj de avertizare!'); Definirea functiilor Pentru a crea o (functie va trebui si ii definim numele, argumentele si instructiunile din corpul acesteia. dupa cum se poare observa in continuare: function nume_ functie (arguament1, argument2, ) In continuare se poate remarca o functie ce nu are argumente (declararea unei functii fara argumente); function nume_functie() Argumentele sunt variabile ce vor fi utilizate de catre functii. Valorile variabilelor vor fi valorile transmise functiei la apelarea ei. Plasarea unei functii in sectiunea <head> . . . </head> a unui document HTML va va asigura ca intreg codul acestei functii va fi incarcat inainte ca functia sa fie apelata. Unele functii returneaza o valoarea expresiei care a apelat functia, dupa cum se poate remarca in continuare: function calcul(a,b) Apelarea unei functii In limbajul JavaScript o functie nu va fi executata inainte ca ea sa fie apelata. De asemenea se poate apela o functie care contine argumente: nume_functie(argumente1, argumente2, ) sau o functie care nu contine argumente: nume_functie() Instructiunea returnPentru functiile care returneaza un rezultat este obligatoriu sa se utilizeze instructiunea return. Instructiunea return specifica valoarea care va fi returnata acolo de unde functia a fost apelata.
Urmatorul exemplu contine o functie care va returna rezultatul inmultirii a doua numere: function produs(x,y) Cand apelati aceasta functie trebuie sa utilizati (introduceti) cele doua argumente, dupa cum se poate observa in continuare: total = produs(4,2) Variabila total va avea valoarea 8. Exemple de functii JavaScriptUrmatorul exemplu este un exemplu de apelare a unei functii, apelare care va avea ca rezultat afisarea unui mesaj de avertizare (alertare): <html> <head> <title>JavaScript - Exemplul 9</title> <style type='text/css'> input </style> <script language='JavaScript'> function apel() </script> </head> <body> <form> <input type=”button” onClick=”apel()” value=”Apel functie!”> </form> <P> Un click pe butonul 'Apel functie!' va avea ca efect apelarea functiei ’apel’. </p> </body> </html> In urmatoarele doua imagini se observa rezultatul deschiderii exemplului anterior in navigatorul Netscape: Cel de al doilea exemplu este un exemplu de apelare a unei functii ce are un argument. Rezultatul apelarii acestei functii va fi afisarea unui mesaj de avertizare (argumentul functiei): <html> <head> <title>JavaScript - Exemplul 10</title> <style type-'text/css'> input </style> <script language=”JavaScript”> function apel(text1) </style> <script language='JavaScript'> function apel(text1) </script> </head> <body> <center> <form> <p>input type='button' onClick='apel(' Primul mesaj!')' value'='Apel1'></p> <p><input type-'button' onClick='apel(’Al doilea mesaj!')'value='Apel2'></p> </form> </center> </body> </html> In urmatoarele trei imagini se observa rezultatul deschiderii exemplului anterior in navigatorul Netscape: Ultimul exemplu de functie va apela din cadrul sectiunii (elementului) <body> . . . </body> o functie declarata in sectiunea <head> . . . </head>. Functia apelata va returna un text prin intermediul instructiunii return, dupa cum se poare observa in codul sursa: <html> <head> <title>JavaScript - Exemplul 12</title> <style type-'text/css'> body </style> <script language='JavaScript'> function apel() </script> </head> <body> <center> <script language='JavaScript'> document.write (apel()) ; </script> </center> </body> </html>
|