Šioje pamokoje pavyzdžių pagalba sužinosite apie „JavaScript“ funkciją ir funkcijų išraiškas.
„JavaScript“ funkcija
Funkcija yra kodo blokas, kuris atlieka konkrečią užduotį.
Tarkime, kad jums reikia sukurti programą, kad sukurtumėte apskritimą ir jį nuspalvintumėte. Norėdami išspręsti šią problemą, galite sukurti dvi funkcijas:
- funkcija nupiešti apskritimą
- funkcija apskritimui nuspalvinti
Padalinus sudėtingą problemą į mažesnes dalis, jūsų programą bus lengva suprasti ir naudoti pakartotinai.
„JavaScript“ taip pat turi daugybę integruotų funkcijų. Pavyzdžiui, Math.sqrt()
yra skaičiaus kvadratinės šaknies apskaičiavimo funkcija.
Šioje pamokoje sužinosite apie vartotojo nustatytas funkcijas.
Funkcijos deklaravimas
Funkcijos deklaravimo sintaksė yra:
function nameOfFunction () ( // function body )
- Funkcija deklaruojama naudojant
function
raktinį žodį. - Pagrindinės funkcijos pavadinimo taisyklės yra panašios į kintamojo pavadinimą. Geriau parašykite aprašomąjį savo funkcijos pavadinimą. Pvz., Jei funkcija naudojama norint pridėti du skaičius, galite pavadinti funkciją
add
arbaaddNumbers
. - Funkcijos kūnas yra parašytas viduje
()
.
Pavyzdžiui,
// declaring a function named greet() function greet() ( console.log("Hello there"); )
Funkcijos iškvietimas
Pirmiau pateiktoje programoje mes paskelbėme funkciją, pavadintą greet()
. Norėdami naudoti šią funkciją, turime ją paskambinti.
Štai kaip galite iškviesti pirmiau nurodytą greet()
funkciją.
// function call greet();
![](https://cdn.wiki-base.com/2139378/javascript_function_and_function_expressions_with_examples.png.webp)
1 pavyzdys: Rodyti tekstą
// program to print a text // declaring a function function greet() ( console.log("Hello there!"); ) // calling the function greet();
Rezultatas
Sveiki!
Funkcijos parametrai
Funkciją taip pat galima deklaruoti su parametrais. Parametras yra reikšmė, perduodama deklaruojant funkciją.
![](https://cdn.wiki-base.com/2139378/javascript_function_and_function_expressions_with_examples_2.png.webp)
2 pavyzdys: funkcija su parametrais
// program to print the text // declaring a function function greet(name) ( console.log("Hello " + name + ":)"); ) // variable name can be different let name = prompt("Enter a name: "); // calling function greet(name);
Rezultatas
Įveskite vardą: Simon Hello Simon :)
Pirmiau pateiktoje programoje greet
funkcija deklaruojama su name
parametru. Vartotojas raginamas įvesti vardą. Tada, kai iškviečiama funkcija, į funkciją perduodamas argumentas.
Pastaba : kai reikšmė perduodama deklaruojant funkciją, ji vadinama parametru . Kai iškviečiama funkcija, perduota reikšmė vadinama argumentu .
3 pavyzdys: pridėkite du skaičius
// program to add two numbers using a function // declaring a function function add(a, b) ( console.log(a + b); ) // calling functions add(3,4); add(2,9);
Rezultatas
7 11
Pirmiau pateiktoje programoje ši add
funkcija naudojama dviejų skaičių sumai surasti.
- Funkcija deklaruojama dviem parametrais
a
irb
. - Funkcija iškviečiama naudojant jos pavadinimą ir perduodant du argumentus 3 ir 4 viename, o 2 ir 9 kitame.
Atkreipkite dėmesį, kad galite iškviesti funkciją tiek kartų, kiek norite. Galite parašyti vieną funkciją ir paskambinti kelis kartus su skirtingais argumentais.
Funkcijos grąžinimas
return
Teiginys gali būti naudojama grąžinti vertę su skambinimo funkcijos.
return
Pareiškimas reiškia, kad funkcija baigėsi. Bet koks kodas po return
nėra vykdomas.
Jei nieko negrąžinama, funkcija grąžina undefined
vertę.
![](https://cdn.wiki-base.com/2139378/javascript_function_and_function_expressions_with_examples_3.png.webp)
4 pavyzdys: dviejų skaičių suma
// program to add two numbers // declaring a function function add(a, b) ( return a + b; ) // take input from the user let number1 = parseFloat(prompt("Enter first number: ")); let number2 = parseFloat(prompt("Enter second number: ")); // calling function let result = add(number1,number2); // display the result console.log("The sum is " + result);
Rezultatas
Įveskite pirmąjį skaičių: 3.4 Įveskite antrąjį skaičių: 4 Suma yra 7,4
Pirmiau pateiktoje programoje skaičių sumą grąžina funkcija, naudodama return
teiginį. Ir ši reikšmė saugoma rezultato kintamajame.
Funkcijos naudojimo pranašumai
- Funkcija daro kodą daugkartinį. Galite deklaruoti vieną kartą ir naudoti kelis kartus.
- Funkcija palengvina programą, nes kiekviena maža užduotis yra padalinta į funkciją.
- Funkcija padidina įskaitomumą.
Funkcijų išraiškos
„Javascript“ funkcijas taip pat galima apibrėžti kaip išraiškas. Pavyzdžiui,
// program to find the square of a number // function is declared inside the variable let x = function (num) ( return num * num ); console.log(x(4)); // can be used as variable value for other variables let y = x(3); console.log(y);
Rezultatas
16 9
Pirmiau pateiktoje programoje funkcijai išsaugoti naudojamas kintamasis x. Čia funkcija traktuojama kaip išraiška. Funkcija iškviečiama naudojant kintamojo pavadinimą.
Aukščiau pateikta funkcija vadinama anonimine funkcija.
Pastaba: ES2015 „JavaScript“ išraiškos rašomos kaip rodyklės funkcijos. Apie juos sužinosite vėlesnėse pamokose.