Detaillierte Einführung in die JavaScript-Funktion

Durch Funktionen lassen sich beliebig viele Anweisungen kapseln und jederzeit und überall aufrufen und ausführen.

Unsere JavaScript Skriptsprache ist etwas ganz Besonderes. Im Vergleich zur Sprache C erfordern ihre Parameter keine Datentypunterstützung. Ich werde den return nicht im Detail beschreiben. Er ist derselbe wie in der Sprache C. Wenn Sie ihn nicht schreiben, wird automatisch undefined

Funktion Spaß(x,y){
            
        }
//Schreiben Sie dies, um eine Funktion zu deklarieren

Soweit ich es verstehe, übergibt er Parameter in Form von Objekten und verwendet die verschiedenen Attributwerte des Objekts (Werte des Referenztyps) als meine tatsächlichen Parameter.

Ich habe beispielsweise folgenden Ansatz:

Funktion Spaß(x, y) {
          // alert("Der Wert von x ist " + x.value);
            alert("Der Wert von x ist " + x);
        }

Wenn ich dies mache, meldet das Popup-Fenster einen Fehler: Der Wert von x ist [object HTMLInputElement]， das als Objekt übergeben wird und nicht meinem logischen Entwurf entspricht. Es sollte wie folgt vorgegangen werden.

Gibt meinen x- value zurück.

Funktion Spaß(x, y) {
            alert("Der Wert von x ist " + x.value);
          // alert("Der Wert von x ist " + x);
        }

• Wenn ich also ein einfaches Design entwerfe, werden zwei Ganzzahlen multipliziert und der Wert zurückgegeben.
• Hierbei ist zu beachten, dass in diesen Tag der eingegebene html Code <form></form> geschrieben werden muss. Andernfalls verbringen Sie viel Zeit mit der Suche nach Fehlern (fragen Sie mich nicht, woher ich das weiß, es sind nur Tränen).

Wir haben ein tiefes Verständnis, keine Sorge, schauen wir uns diesen Code an:

Ist hier etwas anders? Nach der bisherigen Schreibweise dieser Funktion muss sie doch zufällig geschrieben werden, oder? Aber hier funktioniert es, so lustig (lacht fröhlich)

Das heißt, ECMAScript -Funktion ist es egal, wie viele Parameter übergeben werden, und es ist ihr auch egal, welche Parameter Sie übergeben, und der Parser wird nie etwas beanstanden. (Das ist großartig! Der Lehrer muss sich keine Sorgen mehr machen, dass ich nicht weiß, wie man Parameter übergibt.) Wie hat er also dieses „Problem des Jahrhunderts“ gelöst? Tatsächlich gibt es in jedem Funktionskörper ein arguments , um auf dieses Parameter-Array zuzugreifen und so jeden an das Array übergebenen Parameter abzurufen.

Liebe Taoisten, versucht mal, für den folgenden Code fun -Funktion fun („Brave“, „Niu Niu“) mit doppelten Anführungszeichen zu versehen. Was passiert dann? Die Erklärung ist, dass die oberen Anführungszeichen mit den nächsten gepaart werden, woo woo woo

Hey, ist das nicht ein bisschen wie die Funktionsüberladung java , die wir gelernt haben? Tatsächlich gibt es JavaScript keine Überladung.

Schauen wir uns zwei weitere Beispiele an:

Funktion Spaß() {
    wenn (Argumente.Länge == 1) {
        Alarm (Argumente [0] + 10);

    }
    wenn (Argumente.Länge == 2) {
        Alarm(Argumente[0] + Argumente[1]);
    }
}
spaß(10);//20
Spaß (10,20);//30

Nur durch Übergeben einer bestimmten Anzahl von Parametern können entsprechende Funktionen erreicht werden, eine echte Überladung wird nicht erreicht. Obwohl diese Funktion keine perfekte Überladung darstellt, reicht sie aus, um dieses Bedauern von JavaScript auszugleichen. arguments können auch mit Parametern verwendet werden.

wie folgt:

Funktion Spaß(Zahl1, Zahl2) {
    wenn (Argumente.Länge == 1) {
        Alarm (Zahl1 + 10);

    }
    wenn (Argumente.Länge == 2) {
        Alarm(Argumente[0] + Num2);
    }

}
spaß(10);//20
Spaß (10, 20);//30

Dann hat jemand gefragt: „Die Parameter werden sowieso dem arguments zugewiesen. Ist es mir also möglich, den Wert von arguments[i] direkt zu ändern?“

• Das Interessante dabei ist, dass in Bezug auf das Verhalten der arguments deren Wert immer mit dem entsprechenden benannten Parameterwert synchronisiert wird und den Wert in der aktuellen Funktion ändert! ! ! , was bedeutet, dass der Speicherplatz für Parameter und arguments[i] unabhängig ist, die Werte jedoch synchronisiert werden.
  

Funktion Spaß(Zahl1, Zahl2) {
    Argumente[1] = 10;
    Alarm(Argumente[0] + Num2);
}

</Skript>
<form>
 <br><input type="button" onclick="fun(10,20)" value="klick">
</form>

Der Wert im Popup-Fenster ist 20. Dies zeigt, dass die Änderung des Werts von arguments[i] diesen Parameter automatisch widerspiegelt. Wenn dieser Parameter nicht vorhanden ist, führt das Umschreiben dieses Parameterwerts zu einem Syntaxfehler. Der Code wird nicht ausgeführt. Es wird keine Beanstandung ausgegeben, wenn zwei identische Funktionsnamen vorhanden sind, allerdings gehört der Name nur zu der später definierten Funktion.

Zusammenfassen:

• JavaScript -Funktionen unterscheiden sich in vielen subtilen Punkten von Funktionen in anderen Sprachen.
• Es muss kein Wert zurückgegeben werden, da jederzeit ein beliebiger Wert zurückgegeben werden kann.
• arguments.length richtet sich nach der Anzahl der übergebenen Argumente und nicht nach der Anzahl der Namen, die der Funktion bei ihrer Definition zugewiesen werden.
• Es gibt keine Überladung, das heißt, die Parameter können in Form von 0 oder mehr Arrays teilnehmen, und auf diese Parameter wird über das arguments zugegriffen.
  

Dies ist das Ende dieses Artikels über die ausführliche Einführung in JavaScript function . Weitere relevante Inhalte zu JavaScript-Funktionen finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!