Heim  >  Artikel  >  Web-Frontend  >  Zusammenfassung einiger wichtiger Punkte, die bei JavaScript-Funktionen und anonymen JavaScript-Funktionen zu beachten sind

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

WBOY
WBOYOriginal
2016-05-16 15:32:581157Durchsuche

Lassen Sie mich Ihnen die Javascript-Funktion vorstellen

Die grundlegende Syntax der Funktion

lautet:

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.

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);
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.

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