Heim > Artikel > Web-Frontend > Zusammenfassung einiger wichtiger Punkte, die bei JavaScript-Funktionen und anonymen JavaScript-Funktionen zu beachten sind
Lassen Sie mich Ihnen die Javascript-Funktion vorstellen
Die grundlegende Syntax der Funktionlautet:
function functionName(arg0,arg1,...,argN) { statements }
Hier ist ein Beispiel:
function str(name,age){ document.write("hello my name is " + name + ". and i am " + age + " years old."); } str(" oliver",23); //hello my name is oliver. and i am 23 years old.
Darüber hinaus kann jede Funktion jederzeit einen Wert zurückgeben, indem sie eine Return-Anweisung gefolgt vom zurückzugebenden Wert verwendet. Zum Beispiel:
function sum(num1,num2){ return num1 + num2; alert("hello"); //返回return 之后不会继续执行alert } var result = sum(321,32); document.write(result); //353
Da die Ausführung unmittelbar nach der Return-Anweisung stoppt und beendet wird, wird jeglicher Code, der sich nach der Return-Anweisung befindet, nicht ausgeführt.
Natürlich kann eine Funktion mehrere Return-Anweisungen enthalten. Zum Beispiel:
function conp(a,b){ if (a > b){ return a; }else if (a == b){ return "equal"; }else{ return b; } } var result = conp(4,4); document.write(result); //equal var result = conp(321,4); document.write(result); //321
Darüber hinaus darf die Return-Anweisung auch keinen Rückgabewert haben. Auf diese Weise kann die Funktionsausführung sofort gestoppt und undefiniert zurückgegeben werden. Zum Beispiel:
function conp(a,b){ if (a > b){ return; document.write("bad"); }else{ document.write(b); } } var a = conp(33,3); document.write(a); //返回undefined 且不会出现"bad"
Funktionsparameter
ECMAScript-Funktionsparameter können eine beliebige Anzahl und einen beliebigen Datentyp haben. Der Zugriff kann über das Argumentobjekt im Funktionskörper erfolgen, z. B. der erste Parameter ist arguments[0], der zweite ist arguments[1] und so weiter. Benannte Parameter sind praktisch, aber nicht erforderlich. Zum Beispiel:
function greeting(){ document.write("hello " + arguments[0] + ". you look " + arguments[1] + "."); } greeting("oliver","good"); //hello oliver. you look good.
Darüber hinaus können Sie ermitteln, wie viele Parameter an die Funktion übergeben werden, indem Sie auf die Längeneigenschaft des Argumentobjekts zugreifen. Zum Beispiel:
function countArguments(){ document.write("there are " + arguments.length + " arguments here."); } countArguments(321,321,32,32); //there are 4 arguments here.
Sie können dies verwenden, um in Kombination mit if-Anweisungen Urteile zu fällen. Zum Beispiel:
function count(){ if (arguments.length == 1){ document.write("you just have 1 arguments."); }else{ document.write("you have many arguments."); } } count(321,321,321) //you have many arguments.
Argumente[] können auch mit benannten Parametern verwendet werden.
Überladung von Funktionen (keine Überlastung)
Wenn zwei Parameter mit demselben Namen definiert sind, betrifft die Namensänderung nur die später definierte Funktion. Zum Beispiel:
function add(){ document.write(arguments[0] + arguments[1]); } function add(){ document.write(arguments[0] + 100); } add(321,2); //421 不会执行第一个函数(两个参数相加),只执行最后一个同名的函数(第一个参数加上100)
PS: Anonyme JavaScript-Funktion
Funktion ist das flexibelste Objekt in JavaScript. Hier erklären wir nur die Verwendung seiner anonymen Funktionen. Anonyme Funktion: Es handelt sich um eine Funktion ohne Funktionsnamen.
1.1 Definition der Funktion: Stellen Sie zunächst kurz die Definition der Funktion vor, die grob in drei Arten unterteilt werden kann
Der erste Typ: Dies ist auch der häufigste Typ
function double(x){ return 2 * x; }
Zweite Methode: Diese Methode verwendet den Funktionskonstruktor und behandelt sowohl die Parameterliste als auch den Funktionskörper als Zeichenfolgen. Dies ist sehr unpraktisch und wird nicht empfohlen.
Dritter Typ:
1.2 Erstellung anonymer Funktionen
Die erste Methode besteht darin, die oben erwähnte Quadratfunktion zu definieren, was auch eine der am häufigsten verwendeten Methoden ist.Der zweite Weg:
(function(x, y){ alert(x + y); })(2, 3);