JavaScripti funktsioonide ja funktsioonide avaldised (koos näidetega)

Selles õpetuses saate näidete abil õppida JavaScripti funktsiooni ja funktsioonide avaldisi.

JavaScripti funktsioon

Funktsioon on koodiplokk, mis täidab konkreetset ülesannet.

Oletame, et peate looma programmi ringi loomiseks ja selle värvimiseks. Selle probleemi lahendamiseks saate luua kaks funktsiooni:

  • funktsioon ringi joonistamiseks
  • funktsioon ringi värvimiseks

Keerulise probleemi jagamine väiksemateks tükkideks muudab teie programmi hõlpsasti mõistetavaks ja korduvkasutatavaks.

Javascriptil on ka tohutult palju sisseehitatud funktsioone. Näiteks Math.sqrt()on funktsioon arvu ruutjuure arvutamiseks.

Selles õpetuses saate teada kasutaja määratud funktsioonidest.

Funktsiooni deklareerimine

Funktsiooni deklareerimise süntaks on järgmine:

 function nameOfFunction () ( // function body )
  • Funktsioon deklareeritakse functionmärksõna abil.
  • Funktsiooni nimetamise põhireeglid sarnanevad muutuja nimetamisega. Parem on kirjutada oma funktsioonile kirjeldav nimi. Näiteks kui funktsiooni kasutatakse kahe numbri lisamiseks, võite funktsiooni addvõi addNumbers.
  • Funktsiooni põhiosa on sisse kirjutatud ().

Näiteks,

 // declaring a function named greet() function greet() ( console.log("Hello there"); )

Funktsiooni kutsumine

Eespool nimetatud programmis oleme kuulutanud funktsiooni nimega greet(). Selle funktsiooni kasutamiseks peame sellele helistama.

Nii saate ülaltoodud greet()funktsiooni kutsuda .

 // function call greet();
Funktsiooni töötamine JavaScriptis

Näide 1: teksti kuvamine

 // program to print a text // declaring a function function greet() ( console.log("Hello there!"); ) // calling the function greet();

Väljund

 Tere seal!

Funktsioonide parameetrid

Funktsiooni saab deklareerida ka parameetritega. Parameeter on väärtus, mis edastatakse funktsiooni deklareerimisel.

JavaScripti funktsiooni töötamine parameetriga

Näide 2: funktsioon parameetritega

 // 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);

Väljund

 Sisestage nimi: Simon Hello Simon :)

Ülaltoodud programmis greetdeklareeritakse funktsioon nameparameetriga. Kasutajal palutakse sisestada nimi. Kui funktsiooni kutsutakse, edastatakse funktsioonile argument.

Märkus . Kui väärtus deklareeritakse funktsiooni deklareerimisel, nimetatakse seda parameetriks . Ja kui funktsiooni kutsutakse, nimetatakse edastatud väärtust argumendiks .

Näide 3: lisage kaks numbrit

 // 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);

Väljund

 7 11

Ülaltoodud programmis kasutatakse addfunktsiooni kahe numbri summa leidmiseks.

  • Funktsioon deklareeritakse kahe parameetriga aja b.
  • Funktsiooni kutsutakse selle nime abil ja edastatakse kaks argumenti 3 ja 4 ühes ning 2 ja 9 teises.

Pange tähele, et funktsiooni saate kutsuda nii mitu korda kui soovite. Võite kirjutada ühe funktsiooni ja seejärel seda mitu korda erinevate argumentidega kutsuda.

Funktsioon Return

returnAvalduse saab tagastada väärtuse funktsioon kõne.

returnAvaldus tähendab, et funktsioon on lõppenud. Pärast ühtegi koodi returnei täideta.

Kui midagi ei tagastata, tagastab funktsioon undefinedväärtuse.

JavaScripti funktsiooni töötamine tagastamislausega

Näide 4: kahe numbri summa

 // 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);

Väljund

 Sisestage esimene number: 3.4 Sisestage teine ​​number: 4 Summa on 7,4

Ülaltoodud programmis tagastab funktsioon returnlauset kasutades numbrite summa . Ja see väärtus salvestatakse tulemuse muutujasse.

Funktsiooni kasutamise eelised

  • Funktsioon muudab koodi korduvkasutatavaks. Võite selle deklareerida üks kord ja kasutada mitu korda.
  • Funktsioon muudab programmi lihtsamaks, kuna iga väike ülesanne on jagatud funktsiooniks.
  • Funktsioon suurendab loetavust.

Funktsioonide avaldised

Javascriptis saab funktsioone määratleda ka väljenditena. Näiteks,

 // 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);

Väljund

 16 9

Ülalolevas programmis kasutatakse funktsiooni salvestamiseks muutujat x. Siin käsitletakse funktsiooni kui väljendit. Ja funktsiooni kutsutakse muutuja nime abil.

Ülalolevat funktsiooni nimetatakse anonüümseks funktsiooniks.

Märkus: ES2015-s on JavaScripti avaldised kirjutatud noolefunktsioonidena. Nende kohta saate teada hilisemates õpetustes.

Huvitavad Artiklid...