Heim Web-Frontend js-Tutorial Detaillierte Erläuterung von Beispielen für Funktionen zur sofortigen Ausführung in JavaScript

Detaillierte Erläuterung von Beispielen für Funktionen zur sofortigen Ausführung in JavaScript

Dec 09, 2017 pm 01:39 PM
javascript js 实例

Javascript ist im Vergleich zu anderen Programmiersprachen relativ locker, daher ist der JavaScript-Code voller seltsamer Schreibmethoden, die manchmal wie Rauch und Spiegel erscheinen können. Natürlich ist es auch so, dass man alle Arten von Schreibmethoden verstehen kann ein tieferes Verständnis der Eigenschaften der JavaScript-Sprache. Dieser Artikel stellt Ihnen hauptsächlich die relevanten Informationen zur Funktion zur sofortigen Ausführung in JavaScript vor. Ich hoffe, er kann Ihnen helfen.

Vorwort

Mit der js-Ausführungsfunktion können Sie Ihre Funktion sofort nach der Erstellung ausführen. Der js-Ausführungsfunktionsmodus ist eine Syntax Ermöglicht die Ausführung Ihrer Funktionen unmittelbar nach ihrer Definition. Bei diesem Modus handelt es sich im Wesentlichen um einen Funktionsausdruck (benannt oder anonym), der unmittelbar nach seiner Erstellung ausgeführt wird.

( function(){…} )() und ( function (){…} () ) sind zwei gängige Methoden zum Schreiben von JavaScript-Funktionen zur sofortigen Ausführung. Zuerst dachte ich, es handele sich um eine anonyme Funktion in Klammern und dann Durch Hinzufügen von Klammern am Ende zum Aufrufen der Funktion wird schließlich der Zweck erreicht, die Funktion sofort nach ihrer Definition auszuführen. Später wurde festgestellt, dass der Grund für das Hinzufügen der Klammern nicht derselbe war.

Im Folgenden gibt es nicht viel zu sagen, werfen wir einen Blick auf die ausführliche Einführung.

Normalerweise deklarieren wir eine Funktion auf folgende Weise:

// 声明函数f1
function f1() {
 console.log("f1");
}
// 通过()来调用此函数
f1();


//一个匿名函数的函数表达式,被赋值给变量f2:
var f2 = function() {
 console.log("f2");
}
//通过()来调用此函数
f2();


//一个命名为f3的函数的函数表达式(这里的函数名可以随意命名,可以不必和变量f3重名),被赋值给变量f3:
var f3 = function f3() {
 console.log("f3");
}
//通过()来调用此函数
f3();
Nach dem Login kopieren

If Wenn Sie einige benutzerdefinierte Steuerelemente gesehen haben, werden Sie feststellen, dass die meisten davon diesem Schreibstil folgen:

(function() {
 "
 // 这里开始写功能需求
 })();
Nach dem Login kopieren

Das sagen wir oft sofort Ausführungsfunktion ( IIFE bedeutet, wie der Name schon sagt, dass diese Funktion den Funktionskörper sofort ausführt und Sie ihn nicht aktiv aufrufen müssen. Im Allgemeinen verwenden wir IIFE nur für anonyme Funktionen:

Erstens. Es ist nicht erforderlich, die Funktion zu benennen, wodurch eine Verunreinigung globaler Variablen vermieden wird.

Zweitens wird innerhalb von IIFE ein separater Bereich gebildet, der einige private Variablen kapseln kann, die extern nicht gelesen werden können.

Wenn Sie diese beiden Sätze nicht verstehen können, beginnen wir mit dem Funktionsprinzip von IIFE.

Da IIFE normalerweise für anonyme Funktionen verwendet wird, verwenden wir hier eine einfache anonyme Funktion als Beispiel:

var f = function(){
 console.log("f");
}
f();
Nach dem Login kopieren

Wir haben festgestellt, dass hier f nur eine Referenzvariable dieser anonymen Funktion ist. Da f() diese Funktion aufrufen kann, kann ich f durch die Funktion selbst ersetzen:

function(){
 console.log("f"); 
}();
Nach dem Login kopieren

Nach dem Ausführen werden die folgenden Ergebnisse erhalten:

Uncaught SyntaxError: Unexpected token (
Nach dem Login kopieren

Der Grund für diesen Fehler ist, dass, nachdem die Javascript-Engine das Funktionsschlüsselwort erkennt, Es geht davon aus, dass darauf Funktionsdeklarationsanweisungen folgen, die nicht mit Klammern enden sollten. Die Lösung besteht darin, der Engine mitzuteilen, dass der Teil vor den Klammern keine Funktionsdefinitionsanweisung ist, sondern ein Ausdruck, der bearbeitet werden kann. Hier wird zwischen Funktionsdeklaration und Funktionsausdruck unterschieden:

1. Funktionsdeklaration (Das heißt, wir verwenden normalerweise die Funktion x(){}, um eine Funktion zu deklarieren)

function myFunction () { /* logic here */ }
Nach dem Login kopieren

2. Funktionsausdruck (ähnlich zu diesem Formular)

var myFunction = function () { /* logic here */ };
var myObj = {
 myFunction: function () { /* logic here */ }
};
Nach dem Login kopieren

Wir haben in der Grundschule gelernt, dass in () eingeschlossene Ausdrücke zuerst ausgeführt werden, wie folgt:

1+(2+3) //这里先运行小括号里面的内容没有意见撒
Nach dem Login kopieren

Tatsächlich haben Klammern in JavaScript einen ähnlichen Effekt. Wenn die Javascript-Engine das Funktionsschlüsselwort erkennt, geht sie davon aus, dass es sich um eine Funktionsdeklarationsanweisung handelt wenn die Javascript-Engine die Klammern zuerst sieht Was passiert mit den Klammern:

//用小括号把函数包裹起来
(function(){
  console.log("f");  
})();
Nach dem Login kopieren

Die Funktion wird erfolgreich ausgeführt:

f //控制台输出
Nach dem Login kopieren

In diesem Fall geht die Javascript-Engine davon aus, dass es sich um einen Ausdruck und nicht um eine Funktionsdeklaration handelt. Natürlich gibt es viele Möglichkeiten, die Javascript-Engine glauben zu lassen, dass es sich um einen Ausdruck handelt:

!function(){}();
+function(){}();
-function(){}();
~function(){}();
new function(){ /* code */ }
new function(){ /* code */ }() // 只有传递参数时,才需要最后那个圆括号。
……
Nach dem Login kopieren

Zurück zur vorherigen Frage: Warum heißt es, dass IIFE die Verschmutzung globaler Variablen vermeidet? Normalerweise gibt es einen ähnlichen Code wie diesen:

(function($){
  "
  //插件实现代码
})(jQuery);
Nach dem Login kopieren

Die JQuery ist hier eigentlich der Parameter der anonymen Funktion. Denken Sie darüber nach, wenn wir die anonyme Funktion aufrufen Funktion, wir verwenden f(), dann ist der anonyme Parameter f(args) Richtig, hier wird jquery als Parameter an die Funktion übergeben, und wenn der formale Parameter $ innerhalb der Funktion verwendet wird, hat dies keine Auswirkungen auf die externe Umgebung. Da einige Plug-Ins auch das Qualifikationsmerkmal $ verwenden, können Sie es gerne verwenden.

Verwandte Empfehlungen:

Funktion zur sofortigen Ausführung in JS

Drei verschiedene Möglichkeiten, JavaScript-Funktionen zur sofortigen Ausführung zu schreiben_Javascript-Tipps

Einführung in Funktionsausdrücke zur sofortigen Ausführung in JavaScript_Javascript-Tipps

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung von Beispielen für Funktionen zur sofortigen Ausführung in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wesentliche Tools für die Aktienanalyse: Lernen Sie die Schritte zum Zeichnen von Kerzendiagrammen mit PHP und JS Wesentliche Tools für die Aktienanalyse: Lernen Sie die Schritte zum Zeichnen von Kerzendiagrammen mit PHP und JS Dec 17, 2023 pm 06:55 PM

Wesentliche Tools für die Aktienanalyse: Lernen Sie die Schritte zum Zeichnen von Kerzendiagrammen in PHP und JS. Mit der rasanten Entwicklung des Internets und der Technologie ist der Aktienhandel für viele Anleger zu einer wichtigen Möglichkeit geworden. Die Aktienanalyse ist ein wichtiger Teil der Anlegerentscheidung, und Kerzendiagramme werden häufig in der technischen Analyse verwendet. Wenn Sie lernen, wie man Kerzendiagramme mit PHP und JS zeichnet, erhalten Anleger intuitivere Informationen, die ihnen helfen, bessere Entscheidungen zu treffen. Ein Candlestick-Chart ist ein technischer Chart, der Aktienkurse in Form von Candlesticks anzeigt. Es zeigt den Aktienkurs

Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Apr 03, 2024 am 11:55 AM

Die Technologie zur Gesichtserkennung und -erkennung ist bereits eine relativ ausgereifte und weit verbreitete Technologie. Derzeit ist JS die am weitesten verbreitete Internetanwendungssprache. Die Implementierung der Gesichtserkennung und -erkennung im Web-Frontend hat im Vergleich zur Back-End-Gesichtserkennung Vor- und Nachteile. Zu den Vorteilen gehören die Reduzierung der Netzwerkinteraktion und die Echtzeiterkennung, was die Wartezeit des Benutzers erheblich verkürzt und das Benutzererlebnis verbessert. Die Nachteile sind: Es ist durch die Größe des Modells begrenzt und auch die Genauigkeit ist begrenzt. Wie implementiert man mit js die Gesichtserkennung im Web? Um die Gesichtserkennung im Web zu implementieren, müssen Sie mit verwandten Programmiersprachen und -technologien wie JavaScript, HTML, CSS, WebRTC usw. vertraut sein. Gleichzeitig müssen Sie auch relevante Technologien für Computer Vision und künstliche Intelligenz beherrschen. Dies ist aufgrund des Designs der Webseite erwähnenswert

WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen Dec 17, 2023 pm 05:30 PM

WebSocket und JavaScript: Schlüsseltechnologien zur Realisierung von Echtzeit-Überwachungssystemen Einführung: Mit der rasanten Entwicklung der Internet-Technologie wurden Echtzeit-Überwachungssysteme in verschiedenen Bereichen weit verbreitet eingesetzt. Eine der Schlüsseltechnologien zur Erzielung einer Echtzeitüberwachung ist die Kombination von WebSocket und JavaScript. In diesem Artikel wird die Anwendung von WebSocket und JavaScript in Echtzeitüberwachungssystemen vorgestellt, Codebeispiele gegeben und deren Implementierungsprinzipien ausführlich erläutert. 1. WebSocket-Technologie

PHP- und JS-Entwicklungstipps: Beherrschen Sie die Methode zum Zeichnen von Aktienkerzendiagrammen PHP- und JS-Entwicklungstipps: Beherrschen Sie die Methode zum Zeichnen von Aktienkerzendiagrammen Dec 18, 2023 pm 03:39 PM

Mit der rasanten Entwicklung der Internetfinanzierung sind Aktieninvestitionen für immer mehr Menschen zur Wahl geworden. Im Aktienhandel sind Kerzendiagramme eine häufig verwendete Methode der technischen Analyse. Sie können den sich ändernden Trend der Aktienkurse anzeigen und Anlegern helfen, genauere Entscheidungen zu treffen. In diesem Artikel werden die Entwicklungskompetenzen von PHP und JS vorgestellt, der Leser wird zum Verständnis des Zeichnens von Aktienkerzendiagrammen geführt und es werden spezifische Codebeispiele bereitgestellt. 1. Aktien-Kerzendiagramme verstehen Bevor wir uns mit dem Zeichnen von Aktien-Kerzendiagrammen befassen, müssen wir zunächst verstehen, was ein Kerzendiagramm ist. Candlestick-Charts wurden von den Japanern entwickelt

Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode Jan 05, 2024 pm 06:08 PM

JavaScript-Tutorial: So erhalten Sie HTTP-Statuscode. Es sind spezifische Codebeispiele erforderlich. Vorwort: Bei der Webentwicklung ist häufig die Dateninteraktion mit dem Server erforderlich. Bei der Kommunikation mit dem Server müssen wir häufig den zurückgegebenen HTTP-Statuscode abrufen, um festzustellen, ob der Vorgang erfolgreich ist, und die entsprechende Verarbeitung basierend auf verschiedenen Statuscodes durchführen. In diesem Artikel erfahren Sie, wie Sie mit JavaScript HTTP-Statuscodes abrufen und einige praktische Codebeispiele bereitstellen. Verwenden von XMLHttpRequest

Die Beziehung zwischen js und vue Die Beziehung zwischen js und vue Mar 11, 2024 pm 05:21 PM

Die Beziehung zwischen js und vue: 1. JS als Eckpfeiler der Webentwicklung; 2. Der Aufstieg von Vue.js als Front-End-Framework; 3. Die komplementäre Beziehung zwischen JS und Vue; Vue.

So erhalten Sie auf einfache Weise HTTP-Statuscode in JavaScript So erhalten Sie auf einfache Weise HTTP-Statuscode in JavaScript Jan 05, 2024 pm 01:37 PM

Einführung in die Methode zum Abrufen des HTTP-Statuscodes in JavaScript: Bei der Front-End-Entwicklung müssen wir uns häufig mit der Interaktion mit der Back-End-Schnittstelle befassen, und der HTTP-Statuscode ist ein sehr wichtiger Teil davon. Das Verstehen und Abrufen von HTTP-Statuscodes hilft uns, die von der Schnittstelle zurückgegebenen Daten besser zu verarbeiten. In diesem Artikel wird erläutert, wie Sie mithilfe von JavaScript HTTP-Statuscodes erhalten, und es werden spezifische Codebeispiele bereitgestellt. 1. Was ist ein HTTP-Statuscode? HTTP-Statuscode bedeutet, dass der Dienst den Dienst anfordert, wenn er eine Anfrage an den Server initiiert

Erfahren Sie Best-Practice-Beispiele für die Zeigerkonvertierung in Golang Erfahren Sie Best-Practice-Beispiele für die Zeigerkonvertierung in Golang Feb 24, 2024 pm 03:51 PM

Golang ist eine leistungsstarke und effiziente Programmiersprache, mit der sich verschiedene Anwendungen und Dienste entwickeln lassen. In Golang sind Zeiger ein sehr wichtiges Konzept, das uns helfen kann, Daten flexibler und effizienter zu verwalten. Die Zeigerkonvertierung bezieht sich auf den Prozess der Zeigeroperation zwischen verschiedenen Typen. In diesem Artikel werden anhand konkreter Beispiele die Best Practices der Zeigerkonvertierung in Golang erläutert. 1. Grundkonzepte In Golang hat jede Variable eine Adresse, und die Adresse ist der Speicherort der Variablen im Speicher.

See all articles