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 .