Heim > Artikel > Web-Frontend > 【JavaScript-Tutorial】JavaScript-Funktion

【JavaScript-Tutorial】JavaScript-Funktion

黄舟Original: 2016-12-24 14:50:05907Durchsuche

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>

JavaScript-Funktionssyntax

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

function functionname()
{
执行代码
}

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)

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

function myFunction(var1,var2)
{
代码
}

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>

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>

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;
}

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();

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();

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);

Das innerHTML des „demo“-Elements lautet:

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
}

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 变量分配值

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

这条语句：

carname="Volvo";

将声明一个全局变量 carname，即使它在函数内执行。

以上就是【JavaScript教程】JavaScript 函数的内容，更多相关内容请关注PHP中文网（www.php.cn）！

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：[JavaScript-Tutorial] JavaScript-DatentypenNächster Artikel：[JavaScript-Tutorial] JavaScript-Datentypen

In Verbindung stehende Artikel

Mehr sehen