1. Heim
  2. JavaScript-Funktion

Das beste JavaScript-Funktion-Tutorial im Jahr 2024. In diesem Tutorial können Sie Beispiele,JavaScript-Funktion Syntax,Funktionsaufrufe mit Argumenten,Beispiele,Beispiele,Funktion gibt einen Wert mit,Beispiele,Lokale JavaScript Variablen,Globale JavaScript-Variable,Das Überleben der JavaScript-Variablen,Werte zuweisen JavaScript-Variablen nicht angemeldete, lernen

JavaScript-Funktion

Funktion ist ereignisgesteuert oder wiederverwendbare Codeblöcke ausgeführt wird, wenn sie aufgerufen wird.

Beispiele

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("Hello World!");
}
</script>
</head>

<body>
<button onclick=" myFunction() ">Try it</button>
</body>
</html>

JavaScript-Funktion Syntax

Der Funktionsblock wird in Klammern eingewickelt, und zuvor mithilfe der Keyword-Funktion:

functionfunctionname()
{
执行代码
}

Wenn die Funktion aufgerufen wird, wird es den Code innerhalb der Funktion auszuführen.

Es kann direkt die Funktion aufrufen, wenn ein Ereignis auftritt (beispielsweise wenn der Benutzer auf die Schaltfläche klickt) und JavaScript kann an einer beliebigen Position bezeichnet werden.

Lampe JavaScript ist case-sensitive. Schlüsselwörter Funktion muss klein geschrieben werden, und müssen mit dem gleichen Namen wie der Fall funktionieren, um die Funktion aufzurufen.

Funktionsaufrufe mit Argumenten

Wenn Sie die Funktion aufrufen, können Sie es einen Wert übergeben, werden diese Werte Argumente genannt.

Diese Parameter können in der Funktion verwendet werden.

Sie können eine beliebige Anzahl von Parametern zu senden, durch ein Komma (,) getrennt:

myFunction(argument1,argument2)

Wenn Sie die Funktion deklarieren, die Parameter als Variablen-Deklaration:

function myFunction( var1 , var2 )
{
代码
}

Variablen und Parameter müssen in der gleichen Reihenfolge erscheinen. Die erste Variable ist der erste Parameter angegeben Wert übergeben, und so weiter.

Beispiele

<button onclick="myFunction( 'Harry Potter' , 'Wizard' )">Try it</button>

<script>
function myFunction( name , job )
{
alert("Welcome " + name + ", the " + job );
}
</script>

Versuchen »

Die obige Funktionstaste wird Aufforderungen "Willkommen Harry Potter, der Wizard" geklickt haben.

Die Funktion ist sehr flexibel, können Sie verschiedene Parameter verwenden, um diese Funktion zu nennen, wird dies eine andere Botschaft geben:

Beispiele

<button onclick="myFunction( 'Harry Potter' , 'Wizard' )">Try it</button>
<button onclick="myFunction( 'Bob' , 'Builder' )">Try it</button>

Versuchen »

Entsprechend den verschiedenen Tasten Sie das obige Beispiel klicken, prompt "Welcome Harry Potter, den Assistenten" oder "Welcome Bob, der Baumeister".

Funktion gibt einen Wert mit

Manchmal wollen wir die Funktion einen Wert an die aufrufende Funktion zurückzukehren.

Durch die Verwendung der return-Anweisung erreicht werden.

Wenn die Rückkehr Anweisung stoppt die Ausführung der Funktion und gibt den angegebenen Wert.

Grammatik

function myFunction()
{
    var x=5;
    return x;
}

Die obige Funktion gibt einen Wert von 5.

Hinweis: Die gesamte JavaScript nicht die Ausführung stoppt, gerade Funktion. JavaScript-Code weiter ausgeführt wird, von wo aus die Funktion aufgerufen wird.

Funktionsaufrufe werden zurückgegebene Wert ersetzt:

var myVar=myFunction();

Der Wert von myVar Variable ist 5, das heißt, "myFunction) (" der Wert von der Funktion zurückgegeben.

Wenn es nicht als Variable speichern, können Sie den Rückgabewert verwenden:

document.getElementById("demo").innerHTML=myFunction();

innerHTML- "Demo" Element wird 5 sein, das heißt, "() myFunction" Wert von der Funktion zurückgegeben.

Sie können den Rückgabewert einer Funktion übergeben machen basierend auf den Parametern:

Beispiele

Das Produkt von zwei Zahlen und gibt das Ergebnis:

function myFunction(a,b)
{
return a*b;
}

document.getElementById("demo").innerHTML=myFunction(4,3);

innerHTML- "demo" Element wird sein:

12

Versuchen »

Wenn Sie wollen einfach nur die Funktion zu verlassen, kann auch die return-Anweisung verwendet werden. Der Rückgabewert ist optional: 

function myFunction(a,b)
{
	if (a>b)
	{
		return;
	}
	x=a+b
}

Wenn a größer als b ist, dann wird der obige Code die Funktion verlassen und berechnet nicht die Summe von a und b.

Lokale JavaScript Variablen

JavaScript - Variable in einer Funktion (mit var) deklariert ist eine lokale Variable, so kann es nur innerhalb der Funktion zugegriffen werden. (Scope der Variable ist lokal).

Sie können die gleichen lokalen Variablennamen in verschiedenen Funktionen verwendet werden, da nur die Funktion der Variable deklariert, um die Variable zu identifizieren.

Solange die Funktion abgeschlossen ist, wird die lokale Variable gelöscht.

Globale JavaScript-Variable

Variablen außerhalb einer Funktion deklariert ist eine globale Variable , die alle Skripte und Funktionen auf der Seite zugreifen können.

Das Überleben der JavaScript-Variablen

Das Leben von JavaScript-Variablen aus der Zeit, die sie deklariert sind, zu beginnen.

Lokale Variablen werden gelöscht, nachdem die Funktion ausgeführt wird.

Globale Variablen werden nach dem Ende der Seite gelöscht.

Werte zuweisen JavaScript-Variablen nicht angemeldete

Wenn Sie einen Wert einer Variablen zuweisen wurde nicht deklariert, werden die Variablen automatisch als globale Variablen deklariert.

Diese Aussage:

carname="Volvo";

Wir werden eine globale Variable carname erklären, auch wenn es in der Funktion durchgeführt wird.

Hot Tutorials

Kontaktiere uns

JavaScript-Funktion
10/30