Funkcije v JavaScriptu

A funkcija JavaScript je blok kode, zasnovan za izvajanje določene naloge. Enkapsulira nabor navodil, ki jih je mogoče ponovno uporabiti v celotnem programu. Funkcije lahko sprejemajo parametre, izvajajo stavke in vračajo vrednosti, kar omogoča organizacijo kode, modularnost in možnost ponovne uporabe v programiranju JavaScript.

Funkcija JavaScript se izvede, ko jo nekaj prikliče (pokliče).

primer: Osnovna funkcija javascripta, tukaj ustvarimo funkcijo, ki prvi element deli z drugim elementom.

Javascript
function myFunction(g1, g2) {  return g1 / g2; } const value = myFunction(8, 2); // Calling the function console.log(value); 

Izhod
4 

Izhod:

4 

Gotovo ste že videli nekaj pogosto uporabljenih funkcij v JavaScriptu, kot je opozorilo() , ki je vgrajena funkcija v JavaScript. Toda JavaScript nam omogoča tudi ustvarjanje uporabniško definiranih funkcij. V JavaScriptu lahko ustvarimo funkcije s ključno besedo `function`.

Sintaksa : Osnovna sintaksa za ustvarjanje funkcije v JavaScriptu je prikazana spodaj.

function functionName(Parameter1, Parameter2, ...) {  // Function body } 

Če želimo ustvariti funkcijo v JavaScriptu, moramo najprej uporabiti ključno besedo funkcijo , ločeno z imenom funkcije in parametri v oklepaju. Del funkcije znotraj zavitih oklepajev {} je telo funkcije.

V javascriptu se lahko funkcije uporabljajo na enak način kot spremenljivke za dodelitve ali izračune.

Priklic funkcije:

  • Sproži dogodek (npr. klik uporabnika na gumb).
  • Ko je izrecno poklican iz kode JavaScript.
  • Samodejno izvedeno, na primer v samopriklicnih funkcijah.

Definicija funkcije:

Pred uporabo uporabniško definirane funkcije v JavaScriptu jo moramo ustvariti. Z zgornjo sintakso lahko ustvarimo funkcijo v JavaScriptu. Definicija funkcije se včasih imenuje tudi deklaracija funkcije ali stavek funkcije. Spodaj so pravila za ustvarjanje funkcije v JavaScriptu:

  • Vsaka funkcija se mora začeti s ključno besedo funkcijo sledi,
  • Uporabniško definirano ime funkcije, ki mora biti edinstveno,
  • Seznam parametrov v oklepajih in ločenih z vejicami,
  • Seznam stavkov, ki sestavljajo telo funkcije v zavitih oklepajih {}.

primer: Ta primer prikazuje osnovno deklaracijo funkcije v javascriptu.

JavaScript
function calcAddition(number1, number2) {   return number1 + number2;  } console.log(calcAddition(6,9)); 

Izhod
15 

V zgornjem primeru smo ustvarili funkcijo z imenom calcAddition,

  • Ta funkcija sprejme dve števili kot parametra in vrne seštevek teh dveh števil.
  • Če do funkcije dostopate samo z imenom funkcije brez (), boste namesto rezultata funkcije vrnili funkcijski objekt.

Obstajajo trije načini pisanja funkcije v JavaScriptu:

Deklaracija funkcije: Deklarira funkcijo s ključno besedo funkcije. Deklaracija funkcije mora imeti ime funkcije.

Sintaksa:

function geeksforGeeks(paramA, paramB) {  // Set of statements } 

Izraz funkcije:

Podobno je deklaraciji funkcije brez imena funkcije. Funkcijski izrazi lahko shranite v dodelitev spremenljivke.

Sintaksa:

let geeksforGeeks= function(paramA, paramB) {  // Set of statements } 

primer: Ta primer pojasnjuje uporabo izraza Function.

Javascript
const square = function (number) {  return number * number; }; const x = square(4); // x gets the value 16 console.log(x); 

Izhod
16 

Funkcije kot spremenljive vrednosti:

Funkcije lahko uporabljate na enak način kot spremenljivke.

primer:

// Function to convert Fahrenheit to Celsius function toCelsius(fahrenheit) {  return (fahrenheit - 32) * 5/9;  }    // Using the function to convert temperature  let temperatureInFahrenheit = 77;  let temperatureInCelsius = toCelsius(temperatureInFahrenheit);  let text = 'The temperature is ' + temperatureInCelsius + ' Celsius'; 

Funkcija puščice:

Funkcija puščice je eden najpogosteje uporabljenih in učinkovitih načinov za ustvarjanje funkcije v JavaScriptu zaradi sorazmerno enostavne implementacije. Je poenostavljena in bolj kompaktna različica običajnega ali normalnega funkcijskega izraza ali sintakse.

Sintaksa:

let function_name = (argument1, argument2 ,..) =>izraz 

primer: Ta primer opisuje uporabo funkcije Arrow.

Javascript
const a = ['Hydrogen', 'Helium', 'Lithium', 'Beryllium']; const a2 = a.map(function (s) {  return s.length; }); console.log('Normal way ', a2); // [8, 6, 7, 9] const a3 = a.map((s) =>s.dolžina); console.log('Uporaba funkcije puščice ', a3); // [8, 6, 7, 9] 

Izhod
Normal way [ 8, 6, 7, 9 ] Using Arrow Function [ 8, 6, 7, 9 ] 

Funkcijski parametri:

Do zdaj smo veliko slišali o funkcijskih parametrih, vendar o njih nismo podrobneje razpravljali. Parametri so dodatne informacije, posredovane funkciji. Na primer, v zgornjem primeru je naloga funkcije calcAddition je izračunati seštevek dveh števil. Ti dve števili, na katerih želimo izvesti operacijo seštevanja, se tej funkciji posredujeta kot parametra. Parametri so posredovani funkciji v oklepajih za imenom funkcije in ločeni z vejicami. Funkcija v JavaScriptu ima lahko poljubno število parametrov, hkrati pa funkcija v JavaScriptu ne more imeti niti enega parametra.

primer: V tem primeru posredujemo argument funkciji.

Javascript
function multiply(a, b) {  b = typeof b !== 'undefined' ? b : 1;  return a * b; } console.log(multiply(69)); // 69 

Izhod
69 

Klicne funkcije :

Ko definirate funkcijo, je naslednji korak, da jih pokličete, da uporabijo funkcijo. Funkcijo lahko pokličemo tako, da uporabimo ime funkcije, ločeno z vrednostjo parametrov med oklepajem in podpičjem na koncu. Spodnja sintaksa prikazuje, kako klicati funkcije v JavaScriptu:

Sintaksa:

functionName( Value1, Value2, ..); 

primer: Spodaj je vzorčni program, ki ponazarja delovanje funkcij v JavaScriptu:

JavaScript
function welcomeMsg(name) {  return ('Hello ' + name + ' welcome to techcodeview.com'); } // creating a variable let nameVal = 'Admin'; // calling the function console.log(welcomeMsg(nameVal)); 

Izhod
Hello Admin welcome to techcodeview.com 

Izjava o vračilu :

Obstaja nekaj situacij, ko želimo vrniti nekaj vrednosti iz funkcije po izvedbi nekaterih operacij. V takih primerih lahko uporabimo stavek return v JavaScriptu. To je neobvezen stavek in večino časa zadnji stavek v funkciji JavaScript. Oglejte si naš prvi primer s funkcijo imenovano as calcAddition . Ta funkcija izračuna dve števili in nato vrne rezultat.

Sintaksa: Najosnovnejša sintaksa za uporabo stavka return je:

return value; 

Stavek vrnitve se začne s ključno besedo vrnitev ločeno z vrednostjo, ki jo želimo vrniti iz njega. Namesto neposrednega vračanja vrednosti lahko uporabimo tudi izraz.

Funkcije:

  • Javascript | Puščične funkcije
  • JavaScript | pobeg ()
  • JavaScript | unescape()
  • JavaScript | Tisk okna()
  • Javascript | Metoda Window Blur() in Window Focus().
  • JavaScript | console.log()
  • JavaScript | pressFloat()
  • JavaScript | uneval()
  • JavaScript parseInt()
  • JavaScript | ujemanje()
  • JavaScript | Date.parse()
  • JavaScript | Metoda Replace().
  • JavaScript | Map.get( )
  • JavaScript | Map.entries( )
  • JavaScript | Map.clear( )
  • JavaScript | Map.delete()
  • JavaScript | Map.has( )

Več>>

Imamo Cheat Sheet o Javascriptu, kjer smo obravnavali vse pomembne teme Javascripta, da jih preverite Javascript Cheat Sheet - Osnovni vodnik po JavaScriptu .