Heim > Web-Frontend > js-Tutorial > Detaillierte Erläuterung der Aufruf- und Schreibmethoden anonymer Funktionen in Javascript (verschiedene Typen)_Javascript-Kenntnisse

Detaillierte Erläuterung der Aufruf- und Schreibmethoden anonymer Funktionen in Javascript (verschiedene Typen)_Javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 15:17:57
Original
1165 Leute haben es durchsucht

Es gibt viele Möglichkeiten, Funktionen in Javascript zu definieren, und Funktionsliterale sind eine davon. Beispiel: var fun = function(){}: Wenn die Funktion fun nicht zugewiesen ist, handelt es sich um eine anonyme Funktion. Okay, mal sehen, wie die anonyme Funktion aufgerufen wird.

Methode 1: Rufen Sie die Funktion auf und erhalten Sie den Rückgabewert. Der Zwangsoperator bewirkt, dass Funktionsaufrufe ausgeführt werden

(function(x,y){
alert(x+y);
return x+y;
}(3,4)); 
Nach dem Login kopieren

Methode 2: Rufen Sie die Funktion auf und erhalten Sie den Rückgabewert. Erzwingen Sie die direkte Ausführung der Funktion und geben Sie dann eine Referenz zurück. Anschließend wird die Referenz aufgerufen und ausgeführt

(function(x,y){
alert(x+y);
return x+y;
})(3,4); 
Nach dem Login kopieren

Diese Methode ist auch eine beliebte Aufrufmethode, die von vielen Bibliotheken wie jQuery und Mootools verwendet wird.

Methode 3, verwenden Sie void

void function(x) {
x = x-1;
alert(x);
}(9);
Nach dem Login kopieren

Methode 4, verwenden Sie den Operator -/

-function(x,y){
alert(x+y);
return x+y;
}(3,4);
+function(x,y){
alert(x+y);
return x+y;
}(3,4);
--function(x,y){
alert(x+y);
return x+y;
}(3,4);
++function(x,y){
alert(x+y);
return x+y;
}(3,4); 
Nach dem Login kopieren

Methode 5: Verwenden Sie die Tilde (~)

~function(x, y) {
alert(x+y);
return x+y;
}(3, 4); 
Nach dem Login kopieren

Methode 6, anonyme Funktionsausführung wird in eckige Klammern gesetzt

[function(){
console.log(this) // 浏览器得控制台输出window
}(this)] 
Nach dem Login kopieren

Methode 7, fügen Sie typeof

vor der anonymen Funktion hinzu
typeof function(){
console.log(this) // 浏览器得控制台输出window
}(this) 
Nach dem Login kopieren

Methode 8, fügen Sie delete

vor der anonymen Funktion hinzu
delete function(){
console.log(this) // 浏览器得控制台输出window
}(this) 
Nach dem Login kopieren

Methode 9, fügen Sie void

vor der anonymen Funktion hinzu
void function(){
console.log(this) // 浏览器得控制台输出window
}(this) 
Nach dem Login kopieren

Methode 10, neue Methode verwenden, um Parameter zu übergeben

new function(win){
console.log(win) // window
}(this) 
Nach dem Login kopieren

Methode 11, new verwenden, keine Parameter übergeben

new function(){
console.log(this) // 这里的this就不是window了
} 
Nach dem Login kopieren

Methode 12, Kommaoperator

 function(){
console.log(this) // window
}(); 
Nach dem Login kopieren

Modus 13, bitweiser XOR-Operator

^function(){
console.log(this) // window
}(); 
Nach dem Login kopieren

Methode 14, Vergleichsoperator

function(){
console.log(this) // window
}(); 
Nach dem Login kopieren

Schauen Sie sich endlich die falsche Aufrufmethode an

function(x,y){
alert(x+y);
return x+y;
}(3,4); 
Nach dem Login kopieren

N Möglichkeiten, anonyme Funktionen zu schreiben, sind wie folgt

Anonyme Funktionen haben keine tatsächlichen Namen und keine Zeiger. Wie werden sie ausgeführt?

Was das Schreiben anonymer Funktionen angeht, ist es sehr unterschiedlich~

Das

-Zeichen wandelt eine Funktionsdeklaration in einen Funktionsausdruck um. Fassen Sie es zusammen

Häufigste Verwendung:

Der Code lautet wie folgt:

(function() { 
alert('water'); 
})(); 
Nach dem Login kopieren

Natürlich können Sie auch Parameter übernehmen:

Der Code lautet wie folgt:

(function(o) { 
alert(o); 
})('water'); 
Nach dem Login kopieren

Möchten Sie Kettenaufrufe anonymer Funktionen verwenden? Ganz einfach:

Der Code lautet wie folgt:

(function(o) { 
console.log(o); 
return arguments.callee; 
})('water')('down'); 
Nach dem Login kopieren

Wir alle kennen die gängigen anonymen Funktionen, werfen wir einen Blick auf die ungewöhnlichen:

Der Code lautet wie folgt:

~(function(){ 
alert('water'); 
})();//写法有点酷~ 
Nach dem Login kopieren

Der Code lautet wie folgt:

void function(){ 
alert('water'); 
}();//据说效率最高~ 
Nach dem Login kopieren

Der Code lautet wie folgt:

+function(){ 
alert('water'); 
}(); 
Nach dem Login kopieren

Der Code lautet wie folgt:

-function(){ 
alert('water'); 
}();
Nach dem Login kopieren

Der Code lautet wie folgt:

~function(){ 
alert('water'); 
}();
Nach dem Login kopieren

Der Code lautet wie folgt:

!function(){ 
alert('water'); 
}(); 
Nach dem Login kopieren

Der Code lautet wie folgt:

(function(){ 
alert('water'); 
}());//有点强制执行的味道~
Nach dem Login kopieren

Das Obige hat Ihnen erklärt, wie Sie anonyme Funktionen in Javascript aufrufen und schreiben. Ich hoffe, es wird Ihnen hilfreich sein.

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