„JavaScript“ funkcijų ir funkcijų išraiškos (su pavyzdžiais)

Š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 functionraktinį ž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ą addarba addNumbers.
  • 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();
Funkcijos „JavaScript“ naudojimas

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ą.

„JavaScript“ funkcijos su parametru veikimas

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 greetfunkcija deklaruojama su nameparametru. 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 addfunkcija naudojama dviejų skaičių sumai surasti.

  • Funkcija deklaruojama dviem parametrais air b.
  • 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

returnTeiginys gali būti naudojama grąžinti vertę su skambinimo funkcijos.

returnPareiškimas reiškia, kad funkcija baigėsi. Bet koks kodas po returnnėra vykdomas.

Jei nieko negrąžinama, funkcija grąžina undefinedvertę.

„JavaScript“ funkcijos su grąžinimo sakiniu veikimas

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 returnteiginį. 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.

Įdomios straipsniai...