A JavaScript-Funktion ist ein Codeblock, der zur Ausführung einer bestimmten Aufgabe entwickelt wurde. Es kapselt eine Reihe von Anweisungen, die im gesamten Programm wiederverwendet werden können. Funktionen können Parameter annehmen, Anweisungen ausführen und Werte zurückgeben und ermöglichen so die Codeorganisation, Modularität und Wiederverwendbarkeit in der JavaScript-Programmierung.

Eine JavaScript-Funktion wird ausgeführt, wenn etwas sie aufruft (aufruft).

Beispiel: Eine grundlegende Javascript-Funktion. Hier erstellen wir eine Funktion, die das erste Element durch das zweite Element dividiert.

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

4 

Ausgabe:

4 

Sie müssen bereits einige häufig verwendete Funktionen in JavaScript gesehen haben, z Alarm() , eine in JavaScript integrierte Funktion. Mit JavaScript können wir aber auch benutzerdefinierte Funktionen erstellen. Mit dem Schlüsselwort „function“ können wir Funktionen in JavaScript erstellen.

Syntax : Die grundlegende Syntax zum Erstellen einer Funktion in JavaScript ist unten dargestellt.

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

Um eine Funktion in JavaScript zu erstellen, müssen wir zunächst das Schlüsselwort verwenden Funktion , getrennt durch den Namen der Funktion und Parameter in Klammern. Der Teil der Funktion innerhalb der geschweiften Klammern {} ist der Hauptteil der Funktion.

In Javascript können Funktionen genauso wie Variablen für Zuweisungen oder Berechnungen verwendet werden.

Funktionsaufruf:

• Ausgelöst durch ein Ereignis (z. B. ein Klick auf eine Schaltfläche durch einen Benutzer).
• Bei explizitem Aufruf aus JavaScript-Code.
• Automatisch ausgeführt, z. B. in selbstaufrufenden Funktionen.

Funktionsdefinition:

Bevor wir eine benutzerdefinierte Funktion in JavaScript verwenden, müssen wir eine erstellen. Wir können die obige Syntax verwenden, um eine Funktion in JavaScript zu erstellen. Eine Funktionsdefinition wird manchmal auch als Funktionsdeklaration oder Funktionsanweisung bezeichnet. Nachfolgend finden Sie die Regeln zum Erstellen einer Funktion in JavaScript:

• Jede Funktion sollte mit dem Schlüsselwort beginnen Funktion gefolgt von,
• Ein benutzerdefinierter Funktionsname, der eindeutig sein sollte,
• Eine Liste von Parametern, die in Klammern eingeschlossen und durch Kommas getrennt sind.
• Eine Liste von Anweisungen, die den Hauptteil der Funktion bilden, eingeschlossen in geschweifte Klammern {}.

Beispiel: Dieses Beispiel zeigt eine grundlegende Deklaration einer Funktion in Javascript.

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

15 

Im obigen Beispiel haben wir eine Funktion namens calcAddition erstellt,

• Diese Funktion akzeptiert zwei Zahlen als Parameter und gibt die Addition dieser beiden Zahlen zurück.
• Wenn Sie nur mit dem Funktionsnamen ohne () auf die Funktion zugreifen, wird das Funktionsobjekt anstelle des Funktionsergebnisses zurückgegeben.

Es gibt drei Möglichkeiten, eine Funktion in JavaScript zu schreiben:

Funktionsdeklaration: Es deklariert eine Funktion mit einem Funktionsschlüsselwort. Die Funktionsdeklaration muss einen Funktionsnamen haben.

Syntax:

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

Funktionsausdruck:

Es ähnelt einer Funktionsdeklaration ohne den Funktionsnamen. Funktionsausdrücke kann in einer Variablenzuweisung gespeichert werden.

Syntax:

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

Beispiel: In diesem Beispiel wird die Verwendung des Funktionsausdrucks erläutert.

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

16 

Funktionen als Variablenwerte:

Funktionen können auf die gleiche Weise verwendet werden wie Variablen.

Beispiel:

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

Pfeilfunktion:

Pfeilfunktion ist aufgrund ihrer vergleichsweise einfachen Implementierung eine der am häufigsten verwendeten und effizientesten Methoden zum Erstellen einer Funktion in JavaScript. Es handelt sich um eine vereinfachte und kompaktere Version eines regulären oder normalen Funktionsausdrucks oder einer Syntax.

Syntax:

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

Beispiel: Dieses Beispiel beschreibt die Verwendung der Pfeilfunktion.

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.Länge); console.log('Using Arrow Function ', a3); // [8, 6, 7, 9] 

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

Funktionsparameter:

Bisher haben wir viel über Funktionsparameter gehört, sie aber noch nicht im Detail besprochen. Parameter sind zusätzliche Informationen, die an eine Funktion übergeben werden. Im obigen Beispiel beispielsweise die Aufgabe der Funktion calcAddition besteht darin, die Addition zweier Zahlen zu berechnen. Diese beiden Zahlen, für die wir die Additionsoperation durchführen möchten, werden als Parameter an diese Funktion übergeben. Die Parameter werden der Funktion in Klammern nach dem Funktionsnamen übergeben und durch Kommas getrennt. Eine Funktion in JavaScript kann eine beliebige Anzahl von Parametern haben, gleichzeitig kann eine Funktion in JavaScript jedoch keinen einzigen Parameter haben.

Beispiel: In diesem Beispiel übergeben wir das Argument an die Funktion.

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

69 

Aufrufende Funktionen :

Nachdem Sie eine Funktion definiert haben, besteht der nächste Schritt darin, sie aufzurufen, um die Funktion zu nutzen. Wir können eine Funktion aufrufen, indem wir den Funktionsnamen getrennt durch den Wert der Parameter verwenden, der zwischen der Klammer und einem Semikolon am Ende eingeschlossen ist. Die folgende Syntax zeigt, wie Funktionen in JavaScript aufgerufen werden:

Syntax:

functionName( Value1, Value2, ..); 

Beispiel: Nachfolgend finden Sie ein Beispielprogramm, das die Funktionsweise von Funktionen in JavaScript veranschaulicht:

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 

Rückgabeerklärung :

Es gibt Situationen, in denen wir einige Werte von einer Funktion zurückgeben möchten, nachdem wir einige Operationen ausgeführt haben. In solchen Fällen können wir die return-Anweisung in JavaScript verwenden. Dies ist eine optionale Anweisung und meist die letzte Anweisung in einer JavaScript-Funktion. Schauen Sie sich unser erstes Beispiel mit der Funktion namens as an calcAddition . Diese Funktion berechnet zwei Zahlen und gibt dann das Ergebnis zurück.

Syntax: Die grundlegendste Syntax für die Verwendung der Return-Anweisung ist:

return value; 

Die return-Anweisung beginnt mit dem Schlüsselwort zurückkehren getrennt durch den Wert, den wir daraus zurückgeben wollen. Wir können auch einen Ausdruck verwenden, anstatt den Wert direkt zurückzugeben.

Funktionen:

• Javascript | Pfeilfunktionen
• JavaScript | Flucht()
• JavaScript | unescape()
• JavaScript | Fensterdruck()
• Javascript | Methode „Window Blur()“ und „Window Focus()“.
• JavaScript | console.log()
• JavaScript | pressFloat()
• JavaScript | uneval()

• JavaScript parseInt()
• JavaScript | übereinstimmen()
• JavaScript | Date.parse()
• JavaScript | Methode „Replace()“.
• JavaScript | Map.get( )
• JavaScript | Map.entries( )
• JavaScript | Map.clear( )
• JavaScript | Map.delete()
• JavaScript | Map.has( )

Mehr>>

Wir haben einen Spickzettel zu Javascript, in dem wir alle wichtigen Themen zu Javascript behandelt haben. Schauen Sie sich diese bitte durch Javascript-Spickzettel – Eine grundlegende Anleitung zu JavaScript .