A Funkcja JavaScriptu to blok kodu przeznaczony do wykonania określonego zadania. Zawiera zestaw instrukcji, które można ponownie wykorzystać w całym programie. Funkcje mogą przyjmować parametry, wykonywać instrukcje i zwracać wartości, umożliwiając organizację kodu, modułowość i możliwość ponownego wykorzystania w programowaniu JavaScript.

Funkcja JavaScript jest wykonywana, gdy coś ją wywołuje (wywołuje).

Przykład: Podstawowa funkcja JavaScript, tutaj tworzymy funkcję, która dzieli pierwszy element przez drugi element.

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

4 

Wyjście:

4 

Na pewno widziałeś już niektóre powszechnie używane funkcje w JavaScript, takie jak alarm() , która jest wbudowaną funkcją w JavaScript. Ale JavaScript pozwala nam również tworzyć funkcje zdefiniowane przez użytkownika. Funkcje możemy tworzyć w JavaScript używając słowa kluczowego `function`.

Składnia : Podstawowa składnia tworzenia funkcji w JavaScript jest pokazana poniżej.

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

Aby utworzyć funkcję w JavaScript, musimy najpierw użyć słowa kluczowego funkcjonować , oddzielone nazwą funkcji i parametrami w nawiasach. Część funkcji ujęta w nawiasy klamrowe {} jest treścią funkcji.

W JavaScript funkcji można używać w taki sam sposób, jak zmiennych do przypisań lub obliczeń.

Wywołanie funkcji:

• Wywoływane przez zdarzenie (np. kliknięcie przycisku przez użytkownika).
• Po jawnym wywołaniu z kodu JavaScript.
• Wykonywane automatycznie, na przykład w funkcjach samowywołujących się.

Definicja funkcji:

Wcześniej, korzystając z funkcji zdefiniowanej przez użytkownika w JavaScript, musieliśmy ją utworzyć. Możemy użyć powyższej składni, aby utworzyć funkcję w JavaScript. Definicja funkcji jest czasami nazywana także deklaracją funkcji lub instrukcją funkcji. Poniżej znajdują się zasady tworzenia funkcji w JavaScript:

• Każda funkcja powinna zaczynać się od słowa kluczowego funkcjonować śledzony przez,
• Nazwa funkcji zdefiniowana przez użytkownika, która powinna być unikalna,
• Lista parametrów ujęta w nawiasy i oddzielona przecinkami,
• Lista instrukcji tworzących ciało funkcji ujęta w nawiasy klamrowe {}.

Przykład: Ten przykład pokazuje podstawową deklarację funkcji w JavaScript.

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

15 

W powyższym przykładzie utworzyliśmy funkcję o nazwie calcAddition,

• Ta funkcja przyjmuje dwie liczby jako parametry i zwraca dodanie tych dwóch liczb.
• Dostęp do funkcji za pomocą samej nazwy funkcji bez () zwróci obiekt funkcji zamiast wyniku funkcji.

Istnieją trzy sposoby pisania funkcji w JavaScript:

Deklaracja funkcji: Deklaruje funkcję za pomocą słowa kluczowego Function. Deklaracja funkcji musi mieć nazwę funkcji.

Składnia:

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

Wyrażenie funkcyjne:

Przypomina to deklarację funkcji bez nazwy funkcji. Wyrażenia funkcyjne można zapisać w przypisaniu zmiennej.

Składnia:

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

Przykład: W tym przykładzie wyjaśniono użycie wyrażenia Function.

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

16 

Funkcje jako wartości zmiennych:

Funkcji można używać w taki sam sposób, jak zmiennych.

Przykład:

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

Funkcja strzałki:

Funkcja strzałki to jedna z najczęściej używanych i wydajnych metod tworzenia funkcji w JavaScript ze względu na jej stosunkowo łatwą implementację. Jest to uproszczona i bardziej zwarta wersja wyrażenia lub składni funkcji regularnej lub normalnej.

Składnia:

let function_name = (argument1, argument2 ,..) =>wyrażenie 

Przykład: W tym przykładzie opisano użycie funkcji Arrow.

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.długość); console.log('Korzystanie z funkcji strzałki ', a3); // [8, 6, 7, 9] 

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

Parametry funkcji:

Do tej pory wiele słyszeliśmy o parametrach funkcji, ale nie omawialiśmy ich szczegółowo. Parametry to dodatkowe informacje przekazywane do funkcji. Przykładowo w powyższym przykładzie zadanie funkcji oblicz dodatek polega na obliczeniu dodawania dwóch liczb. Te dwie liczby, na których chcemy wykonać operację dodawania, przekazywane są do tej funkcji jako parametry. Parametry są przekazywane do funkcji w nawiasach po nazwie funkcji i oddzielane przecinkami. Funkcja w JavaScript może mieć dowolną liczbę parametrów i jednocześnie funkcja w JavaScript nie może mieć ani jednego parametru.

Przykład: W tym przykładzie przekazujemy argument do funkcji.

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

69 

Wywoływanie funkcji :

Po zdefiniowaniu funkcji kolejnym krokiem jest ich wywołanie w celu skorzystania z funkcji. Funkcję możemy wywołać posługując się nazwą funkcji oddzieloną wartością parametrów ujętą w nawias i średnik na końcu. Poniższa składnia pokazuje, jak wywoływać funkcje w JavaScript:

Składnia:

functionName( Value1, Value2, ..); 

Przykład: Poniżej znajduje się przykładowy program ilustrujący działanie funkcji w JavaScript:

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

Hello Admin welcome to techcodeview.com 

Oświadczenie zwrotne :

Są sytuacje, gdy chcemy zwrócić jakąś wartość z funkcji po wykonaniu jakiejś operacji. W takich przypadkach możemy skorzystać z instrukcji return w JavaScript. Jest to instrukcja opcjonalna i w większości przypadków ostatnia instrukcja w funkcji JavaScript. Spójrz na nasz pierwszy przykład z funkcją o nazwie as oblicz dodatek . Ta funkcja oblicza dwie liczby, a następnie zwraca wynik.

Składnia: Najbardziej podstawowa składnia użycia instrukcji return jest następująca:

return value; 

Instrukcja return zaczyna się od słowa kluczowego powrót oddzielone wartością, którą chcemy z niego zwrócić. Możemy użyć wyrażenia również zamiast bezpośredniego zwracania wartości.

Funkcje:

• JavaScript | Funkcje strzałek
• JavaScript | ucieczka()
• JavaScript | ucieczka()
• JavaScript | Druk okienny()
• JavaScript | Metoda rozmycia okna() i fokusu okna().
• JavaScript | konsola.log()
• JavaScript | naciśnijFloat()
• JavaScript | nierówność()

• JavaScript parseInt()
• JavaScript | mecz()
• JavaScript | Data.parse()
• JavaScript | Metoda Zamień().
• JavaScript | Mapa.get( )
• JavaScript | Wpisy mapy( )
• JavaScript | Mapa.wyczyść( )
• JavaScript | Mapa.usuń()
• JavaScript | Mapa.has( )

Więcej>>

Mamy ściągawkę dotyczącą języka JavaScript, w której omówiliśmy wszystkie ważne tematy dotyczące języka JavaScript, aby je sprawdzić Ściągawka JavaScript — podstawowy przewodnik po JavaScript .