Latest web development tutorials
×

JavaScript Kurs

JavaScript Kurs JavaScript Kurze Einführung JavaScript Verwendung JavaScript Export JavaScript Grammatik JavaScript Statements JavaScript Note JavaScript Variable JavaScript Datentypen JavaScript Objekte JavaScript Funktion JavaScript Anwendungsbereich JavaScript Ereignis JavaScript Schnur JavaScript Die Betreiber JavaScript vergleichen JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Typumwandlung JavaScript Reguläre Ausdrücke JavaScript Fehler JavaScript Fehlerbeseitigung JavaScript Variable Lift JavaScript Strict-Modus JavaScript Missbrauch JavaScript Formularauthentifizierung JavaScript reservierte Schlüsselwörter JavaScript JSON JavaScript void JavaScript Code-Spezifikation

JS Funktion

JavaScript Funktionsdefinition JavaScript Funktionsargumente JavaScript Funktionsaufruf JavaScript Verschlüsse

JS HTML DOM

DOM Kurze Einführung DOM HTML DOM CSS DOM Ereignis DOM EventListener DOM Element

JS Erweiterte Tutorial

JavaScript Objekte JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp Objekte

JS Browser BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript Pop JavaScript Timed Ereignis JavaScript Cookies

JS Lagerhaus

JavaScript Lagerhaus JavaScript Test jQuery JavaScript Test Prototype

JS Beispiele

JavaScript Beispiele JavaScript Object-Instanz JavaScript Browser-Objektinstanz JavaScript HTML DOM Beispiele JavaScript Zusammenfassung

JS Referenzhandbuch

JavaScript Objekte HTML DOM Objekte

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.