Heim > Web-Frontend > js-Tutorial > Hauptteil

Zusammenfassung einiger wichtiger Punkte, die bei JavaScript-Funktionen und anonymen JavaScript-Funktionen zu beachten sind

WBOY
Freigeben: 2016-05-16 15:32:58
Original
1162 Leute haben es durchsucht

Lassen Sie mich Ihnen die Javascript-Funktion vorstellen

Die grundlegende Syntax der Funktion

lautet:

function functionName(arg0,arg1,...,argN) {
 statements
}
Nach dem Login kopieren

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.
Nach dem Login kopieren

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
Nach dem Login kopieren

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
Nach dem Login kopieren

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"
Nach dem Login kopieren

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.
Nach dem Login kopieren

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.
Nach dem Login kopieren

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.
Nach dem Login kopieren

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)
Nach dem Login kopieren

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; 
}
Nach dem Login kopieren

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.

Code kopieren Der Code lautet wie folgt:

var double = new Function('x', 'return 2 * x;');

Dritter Typ:

Code kopieren Der Code lautet wie folgt:

var double = function(x) { return 2* x;

Beachten Sie, dass die Funktion auf der rechten Seite von „=" eine anonyme Funktion ist. Nach dem Erstellen der Funktion wird die Funktion der Variablen quadrat zugewiesen.

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);
Nach dem Login kopieren
Hier wird eine anonyme Funktion erstellt (innerhalb der ersten Klammer), und die zweite Klammer wird verwendet, um die anonyme Funktion aufzurufen und die Parameter zu übergeben.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!