【JavaScript-Tutorial】JavaScript-Funktion-js-Tutorial-php.cn

【JavaScript-Tutorial】JavaScript-Funktion

黄舟

Freigeben： 2016-12-24 14:50:05

Original

924 Leute haben es durchsucht

JavaScript-Funktionen

Eine Funktion ist ein ereignisgesteuerter oder wiederverwendbarer Codeblock, der ausgeführt wird, wenn er aufgerufen wird.

Beispiel

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

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

Nach dem Login kopieren

JavaScript-Funktionssyntax

Eine Funktion ist ein in geschweifte Klammern eingeschlossener Codeblock mit dem Schlüsselwort function davor:

function functionname()
{
执行代码
}

Nach dem Login kopieren

Wenn diese Funktion aufgerufen wird, wird der Code innerhalb der Funktion ausgeführt.

Funktionen können direkt aufgerufen werden, wenn ein Ereignis auftritt (z. B. wenn der Benutzer auf eine Schaltfläche klickt) und können von überall aus per JavaScript aufgerufen werden.

JavaScript unterscheidet zwischen Groß- und Kleinschreibung. Das Schlüsselwort function muss in Kleinbuchstaben geschrieben sein und die Funktion muss mit der gleichen Groß-/Kleinschreibung wie der Funktionsname aufgerufen werden.

Funktion mit Parametern aufrufen

Wenn Sie eine Funktion aufrufen, können Sie ihr Werte übergeben, die als Parameter bezeichnet werden.

Diese Parameter können in Funktionen verwendet werden.

Sie können beliebig viele Parameter senden, getrennt durch Kommas (,):

myFunction(argument1,argument2)

Nach dem Login kopieren

Wenn Sie eine Funktion deklarieren, deklarieren Sie die Parameter als Variablen:

function myFunction(var1,var2)
{
代码
}

Nach dem Login kopieren

Variablen und Parameter müssen in einer konsistenten Reihenfolge erscheinen. Die erste Variable ist der gegebene Wert des ersten übergebenen Parameters und so weiter.

Beispiel

<button onclick="myFunction(&#39;Harry Potter&#39;,&#39;Wizard&#39;)">Try it</button>

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

Nach dem Login kopieren

Die obige Funktion fordert „Willkommen Harry Potter, der Zauberer“ auf, wenn auf die Schaltfläche geklickt wird. Die

-Funktion ist flexibel und Sie können sie mit verschiedenen Parametern aufrufen, die unterschiedliche Meldungen ausgeben:

Instanzen

<button onclick="myFunction(&#39;Harry Potter&#39;,&#39;Wizard&#39;)">Try it</button>
<button onclick="myFunction(&#39;Bob&#39;,&#39;Builder&#39;)">Try it</button>

Nach dem Login kopieren

je nachdem, worauf Sie geklickt haben. Verschiedene Schaltflächen, die Das obige Beispiel fordert Sie auf: „Willkommen, Harry Potter, der Zauberer“ oder „Willkommen, Bob, der Baumeister“.

Funktionen mit Rückgabewerten

Manchmal möchten wir, dass eine Funktion einen Wert an die Stelle zurückgibt, an der sie aufgerufen wurde.

Dies kann durch die Verwendung der Return-Anweisung erreicht werden.

Bei Verwendung der Return-Anweisung stoppt die Funktion die Ausführung und gibt den angegebenen Wert zurück.

Syntax

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

Nach dem Login kopieren

Die obige Funktion gibt den Wert 5 zurück.

Hinweis: Das gesamte JavaScript stoppt nicht die Ausführung, sondern nur die Funktion. JavaScript führt weiterhin Code von der Stelle aus aus, an der die Funktion aufgerufen wurde.

Der Funktionsaufruf wird durch den Rückgabewert ersetzt:

var myVar=myFunction();

Nach dem Login kopieren

Der Wert der Variable myVar ist 5, was dem von der Funktion „myFunction()“ zurückgegebenen Wert entspricht.

Auch ohne es als Variable zu speichern, können Sie den Rückgabewert verwenden:

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

Nach dem Login kopieren

Das innerHTML des „demo“-Elements ist 5, was die Funktion „myFunction( )“ gibt den Wert zurück.

Sie können den Rückgabewert auf den an die Funktion übergebenen Argumenten basieren:

Beispiel

Berechnet das Produkt zweier Zahlen und gibt das Ergebnis zurück:

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

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

Nach dem Login kopieren

Das innerHTML des „demo“-Elements lautet:

Nach dem Login kopieren

Sie können die Return-Anweisung auch verwenden, wenn Sie die Funktion einfach beenden möchten. Der Rückgabewert ist optional:

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

Nach dem Login kopieren

Wenn a größer als b ist, verlässt der obige Code die Funktion und berechnet nicht die Summe von a und b.

Lokale JavaScript-Variablen

Eine innerhalb einer JavaScript-Funktion (mit var) deklarierte Variable ist eine lokale Variable, daher kann nur innerhalb der Funktion auf sie zugegriffen werden. (Der Gültigkeitsbereich dieser Variablen ist lokal).

Sie können lokale Variablen mit demselben Namen in verschiedenen Funktionen verwenden, da nur die Funktion, in der die Variable deklariert ist, die Variable erkennt.

Lokale Variablen werden gelöscht, sobald die Funktion abgeschlossen ist.

Globale JavaScript-Variablen

Eine außerhalb einer Funktion deklarierte Variable ist eine globale Variable und kann von allen Skripten und Funktionen auf der Webseite aufgerufen werden.

JavaScript 变量的生存期

JavaScript 变量的生命期从它们被声明的时间开始。

局部变量会在函数运行以后被删除。

全局变量会在页面关闭后被删除。

向未声明的 JavaScript 变量分配值

如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。

这条语句：