Heim > Web-Frontend > js-Tutorial > Konzept und Nutzungsanweisungen der anonymen selbstausführenden JS-Funktion

Konzept und Nutzungsanweisungen der anonymen selbstausführenden JS-Funktion

php中世界最好的语言
Freigeben: 2018-05-10 15:14:11
Original
1620 Leute haben es durchsucht

Dieses Mal bringe ich Ihnen das Konzept und die Verwendungsanweisungen für anonyme selbstausführende JS-Funktionen. Was sind die Vorsichtsmaßnahmen zum Konzept und zur Verwendung anonymer selbstausführender JS-Funktionen? Schauen Sie mal rein.

1. Häufige Szenarien anonymer Funktionen

Anonyme Funktionen in js sind ein sehr häufiger Funktionstyp und gängige Szenarien sind:

<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äufigsten 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 schließen, 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.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Nachdem Vue die Seite gerendert hat, wird die Div-Bildlaufleiste unten positioniert (mit Code)

Verwenden Sie Vue. Lassen Sie das Tag a anklicken und hervorheben (mit Code)

Das obige ist der detaillierte Inhalt vonKonzept und Nutzungsanweisungen der anonymen selbstausführenden JS-Funktion. 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