Heim > Web-Frontend > js-Tutorial > Hauptteil

Analyse der Konzepte und Verwendung anonymer JS-Funktionen und anonymer selbstausführender Funktionen

亚连
Freigeben: 2018-05-29 17:14:18
Original
1374 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich die Konzepte und die Verwendung anonymer JS-Funktionen und anonymer selbstausführender Funktionen vorgestellt. Er analysiert die Konzepte, Funktionen, Anwendungsszenarien und zugehörigen Verwendungsfähigkeiten anonymer Funktionen und anonymer selbstausführender Funktionen in Form von Beispielen. Freunde in Not können darauf verweisen.

Die Beispiele in diesem Artikel beschreiben die Konzepte und die Verwendung anonymer JS-Funktionen und anonymer selbstausführender Funktionen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

1. Häufige Szenarien anonymer Funktionen

Anonyme Funktionen in js sind ein sehr häufiger Funktionstyp. Vergleichen Sie häufige Szenarien:

<input type="button" value="点击" id="btn">
<script type="text/javascript">
  //匿名函数的第一种情形
  var btn=document.querySelector("#btn");
  btn.onclick=function(){
    // alert("aaaaa");
  }
  //匿名函数的第二种情形
  setInterval(function(){
    // alert("bbbbb");
  }, 1000);
  //匿名函数的第三种情形
  var fun=function(){
    alert("ccccc");
  }
  // fun();
  //匿名函数的第四种情形
  var obj={
    name:"dddd",
    say:function(){
      alert(this.name);
    }
  }
  obj.say();
</script>
Nach dem Login kopieren

Das Obige zeigt die häufigen Verwendungsszenarien anonymer Funktionen. (Hinweis: querySelector ist eine neue Methode zum Suchen von DOM-Elementen in H5)

2. Anonyme selbstausführende Funktion

Wie der Name schon sagt, anonyme selbstausführende Funktion Erstens handelt es sich um eine anonyme Funktion, diese Funktion kann jedoch automatisch und ohne die Hilfe anderer Elemente ausgeführt werden.

<input type="button" value="点击" id="btn">
<script type="text/javascript">
//1,匿名函数的第一种实现方式
(function(data){
  // alert(data);
})("eee");
//2.匿名自执行函数的第二种实现方式
(function(){
  // alert("fff");
}());
//3.匿名自执行函数的第三种实现方式
!function(data){
  // alert(data);
}("hhh");
//4.匿名自执行函数的第四种实现方式
var fun=function(data){
  alert(data);
}("iii");
Nach dem Login kopieren

Aus dem obigen Codeblock können wir zusammenfassen, dass es im Allgemeinen vier Möglichkeiten gibt, anonyme selbstausführende Funktionen zu implementieren.

3. Die Rolle anonymer selbstausführender Funktionen

① Die häufigste Rolle anonymer selbstausführender Funktionen besteht darin, Abschlüsse zu implementieren. Ich werde das Konzept der Schließung in einem späteren Artikel ausführlich vorstellen. Hier finden Sie eine kurze Erläuterung der Schließungen. Schließung: Schließung ist eine Funktion von js. Durch Schließung können wir die Verbindung innerhalb und außerhalb der Funktion realisieren und dafür sorgen, dass die lokalen Variablen der Funktion immer im Speicher vorhanden sind.

②. Anonyme selbstausführende Funktionen können auch verwendet werden, um die Erstellung von Bereichen auf Blockebene in js zu simulieren, wenn Sie anonyme selbstausführende Funktionen verwenden, um Code zu verpacken Sie können Effekte auf Blockebene erzielen. Der Effekt der Domäne besteht darin, die Anzahl der globalen Variablen zu reduzieren. Nach Abschluss der Ausführung der anonymen selbstausführenden Funktion werden die Variablen aus dem Speicher freigegeben, wodurch Speicher gespart wird.

4. Zusammenfassung anonymer Funktionen und anonymer selbstausführender Funktionen

Anonyme Funktionen können einfach als Funktionen ohne Namen verstanden werden insgesamt.

Anonyme selbstausführende Funktionen können einfach als anonyme Funktionen verstanden werden, die selbst ausgeführt werden können. Es gibt 4 Möglichkeiten, anonyme selbstausführende Funktionen zu implementieren.

Die Rolle anonymer selbstausführender Funktionen besteht darin, Abschlüsse zu verwenden und unabhängige Namespaces zu erstellen.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

jQuery+Ajax liest JSON-Daten und sortiert nach Preis, Beispiel

vue entwickelt ein Beispiel für eine Schaltflächenkomponente Code

Konfigurationsdatei unter vue-cli scaffolding-bulid

Das obige ist der detaillierte Inhalt vonAnalyse der Konzepte und Verwendung anonymer JS-Funktionen und anonymer selbstausführender Funktionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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