Heim  >  Artikel  >  Web-Frontend  >  Eine kurze Einführung in JavaScript-Funktionen

Eine kurze Einführung in JavaScript-Funktionen

青灯夜游
青灯夜游Original
2018-09-14 09:21:481311Durchsuche

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:

Eine kurze Einführung in JavaScript-Funktionen

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!

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