Heim > Artikel > Web-Frontend > Eine kurze Einführung in JavaScript-Funktionen
In diesem Kapitel erhalten Sie eine kurze Einführung in die JavaScript-Funktionen, damit jeder ein erstes Verständnis der JavaScript-Funktionen erlangen kann. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.
Was ist eine JavaScript-Funktion?
In JavaScript sind Funktionen Objekte und können nach Belieben programmgesteuert manipuliert werden. Funktionen können in anderen Funktionen verschachtelt und definiert werden, sodass auf sie in dem Bereich zugegriffen werden kann, in dem sie definiert sind . jede Variable.
Eine Funktion ist ereignisgesteuert oder ein wiederverwendbarer Codeblock, der ausgeführt wird, wenn er aufgerufen wird.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript 函数</title> </head> <body> <!-- 当按钮被点击之后 --> <button onclick="MyFunction()">点一下</button> </body> <script type="text/javascript"> function MyFunction() { alert("么么哒"); } </script> </html>
JavaScript-Funktionssyntax
Eine Funktion ist ein in geschweifte Klammern eingeschlossener Codeblock, dem das Schlüsselwort function vorangestellt ist:
function myFunction(){ //执行代码 } //当调用该函数时,会执行函数内的代码 //可以在某事件发生时直接调用函数(比如当用户点击按钮时)并且可有JavaScript在任何位置进行调用。
JavaScript unterscheidet zwischen Groß- und Kleinschreibung, das Schlüsselwort function muss in Kleinbuchstaben geschrieben sein und die Funktion muss mit derselben Groß-/Kleinschreibung wie der Funktionsname aufgerufen werden. Die geschweiften Klammern in der
Funktion sind erforderlich, auch wenn der Funktionskörper nur eine Anweisung enthält.
Aufrufen einer Funktion mit Parametern
Beim Aufrufen einer Funktion können Sie Werte übergeben, die als Parameter bezeichnet werden. Diese Parameter können in Funktionen verwendet werden.
Sie können eine beliebige Anzahl von Funktionen übergeben, getrennt durch englische Kommas:
myFunction(num1,num2,num3)
Wenn Sie eine Funktion deklarieren, deklarieren Sie die Parameter als Variablen:
function myFunction(var1,var2){ //代码 }
Variablen und Parameter müssen konsistent sein erscheinen in der Reihenfolge, in der die erste Variable der gegebene Wert des ersten übergebenen Parameters ist, und so weiter.
Beispiel:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <button onclick="myFunction(1,2)">试一试</button> </body> <script type="text/javascript"> function myFunction(num1, num2) { alert(num1 + num2); } </script> </html>
Die obige Funktion wird aufgerufen, nachdem auf die Schaltfläche geklickt wurde. Der Anzeigeeffekt ist wie folgt:
Funktion mit Rückgabewert
Manchmal benötigen wir eine Funktion, um die verarbeiteten Daten an Where zurückzugeben Es heißt, es kann durch die Return-Anweisung erreicht werden.
Bei Verwendung der Return-Anweisung stoppt die Funktion die Ausführung und gibt den angegebenen Wert zurück.
<script type="text/javascript"> function myFunction() { var x=9; return x; } </script>
Die obige Funktion gibt den Wert von x 9 zurück.
Hinweis: Das gesamte JavaScript stoppt nicht die Ausführung, nur die Funktion führt den Code dort weiter aus, wo die Funktion war angerufen.
Funktionsaufrufe werden durch Rückgabewerte ersetzt.
<script type="text/javascript"> function myFunction() { var x=9; return x; } var aa=myFunction(); </script>
Der Wert von aa ist 9; das ist der Rückgabewert der Funktion „myFunction()“.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <button onclick="myFunction(1,2)">试一试</button> <p id="demo"></p> </body> <script type="text/javascript"> function myFunction() { var x=9; return x; } var aa=myFunction(); document.getElementById("demo").innerHTML=myFunction(); </script> </html>
Der obige Code wählt das Element anhand der ID aus und schreibt den Rückgabewert der Funktion myFunction.
Wenn Sie eine Funktion starten möchten, können Sie auch die Return-Anweisung verwenden. Der Rückgabewert ist optional. Oder auch nicht.
<script type="text/javascript"> function myFunction(a,b) { if (a>b) { return; } x=a+b; } </script>
Der obige Code sendet die Funktion, wenn a größer als b ist. Die Summe von ab wird nicht berechnet.
Lokale JavaScript-Variablen
Variablen, die innerhalb einer JavaScript-Funktion (mit var) deklariert werden, sind lokale Variablen, daher kann nur innerhalb der Funktion auf sie zugegriffen werden . (Der Gültigkeitsbereich dieser Variablen ist die Funktion, die auch als lokal bezeichnet werden kann.)
Der gleiche Variablenname kann in verschiedenen Funktionen verwendet werden. Denn nur die Funktion, die die Variable deklariert, kann die Variable erkennen. Sobald die Funktion beendet ist, werden die lokalen Variablen gelöscht.
Lokale Variablen haben eine höhere Priorität als globale Variablen mit demselben Namen, sodass lokale Variablen globale Variablen mit demselben Namen verbergen.
Globale JavaScript-Variablen
Variablen, die außerhalb einer Funktion deklariert werden, sind globale Variablen und können von allen Skripten und Funktionen auf der Webseite aufgerufen werden.
Lebensdauer von JavaScript-Variablen
Die Lebensdauer von JavaScript-Variablen beginnt, wenn sie deklariert werden.
Lokale Variablen werden gelöscht, nachdem die Funktion ausgeführt wurde.
Globale Variablen werden nach dem Schließen der Seite gelöscht.
Zuweisen eines Werts zu einer nicht deklarierten JavaScript-Variablen
Wenn Sie einer nicht deklarierten Variablen einen Wert zuweisen, wird die Variable automatisch als behandelt globale Variablenanweisung.
Das obige ist der detaillierte Inhalt vonEine kurze Einführung in JavaScript-Funktionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!