


Eine kurze Analyse der vier gängigen Methoden zum Schreiben von Javascript-Deklarationen für Schleifenvariablen_Grundkenntnisse
Wo soll die Schleifenvariablendeklaration in Javascript platziert werden?
Gewohnheit 1: Direkt verwenden, ohne zu deklarieren
function loop(arr) { for (i = 0; i < arr.length; i++) { // do something } }
Eine sehr gefährliche Verwendungsgewohnheit. Im Allgemeinen wird die Schleifenvariable zu einem Attribut des Fensterobjekts und wird global verwendet, was sich höchstwahrscheinlich auf die normale Logikimplementierung des Programms auswirkt.
Es ist wichtig zu erwähnen, dass im strikten Modus eine direkte Zuweisung ohne Deklaration einer Variablen direkt eine Ausnahme auslöst. Dies hätte schon vor langer Zeit erfolgen sollen! Zitieren einer Passage aus Anhang C des Ecma-262-Standards:
„Die Zuweisung an einen nicht deklarierten Bezeichner oder eine anderweitig nicht auflösbare Referenz erstellt keine Eigenschaft im globalen Objekt. Wenn eine einfache Zuweisung innerhalb des Strict-Mode-Codes erfolgt, darf seine LeftHandSide nicht zu einer nicht auflösbaren Referenz ausgewertet werden. Wenn dies der Fall ist, wird eine ReferenceError-Ausnahme ausgelöst (6.2 .3.2)."
Mit anderen Worten: Wenn eine nicht deklarierte Variable erneut verwendet wird, wird eine ReferenceError-Ausnahme ausgelöst.
Gewohnheit 2: Platzieren Sie es im ersten Anweisungsblock der for-Schleife und deklarieren Sie
wiederholtfunction loop(arr) { for (var i = 0; i < arr.length; i++ ){ // do someting } // console.log(i); for (var i = 0; i < arr.length; i++ ){ // do something else } }
Diese Methode scheint die sicherste und standardisierteste zu sein. Viele Studenten, die von C und Java zur Front-End-Entwicklung wechseln, bevorzugen diese Schreibweise. Tatsächlich kann dies auf ein Missverständnis eines wichtigen Konzepts in Javascript zurückzuführen sein. Variablen. Umfang. Im Gegensatz zu C und Java verfügt Javascript nicht über einen echten Bereich auf Blockebene. Das heißt, dass console.log(i) nach dem Ende der ersten Schleife nicht undefiniert ausgibt oder eine ReferenceError-Ausnahme auslöst, sondern normal ausgibt Arr.länge.
Obwohl diese Schreibweise kaum eine andere Bedeutung hat als schön zu sein, ist sie natürlich seit langem kompatibel und verstößt gegen keine Spezifikationen – der ECMA-Standard verbietet nicht die wiederholte Deklaration derselben Variablen in einem bestimmten Bereich.
Gewohnheit 3: Definieren Sie zentral
oben in der Funktion zusammen mit anderen Variablenfunction loop(arr) { var var1; var var2; var i; for (i = 0; i < arr.length; i++) { // do something } }
Diese c89-ähnliche Methode zur Variablendefinition ist in Javascript nahezu einwandfrei. Sie führt nicht zu dem Missverständnis, dass Javascript den Gültigkeitsbereich auf Blockebene unterstützt, und verstößt auch nicht gegen Standards und Spezifikationen Die Werte der Schleifenvariablen und des Schleifenkörpers können weit voneinander entfernt sein. Ohne auf mehr Code zurückzugreifen, scheint es keine bessere Lösung für dieses Problem zu geben, als darauf zu warten, dass die großen Mainstream-Browserhersteller das Schlüsselwort let in ECMAScript 6 implementieren.
Gewohnheit 4: Schleifencode in IIFE kapseln
function loop(arr) { (function () { for (var i = 0; i < arr.length; i++) { // do something } })(); }
Die letzte Angewohnheit ist IIFE (Immediately-Invoked Function Expression), die Front-End-Programmierern bekannt ist, was bedeutet, dass die Funktion sofort ausgeführt wird. Der Hauptnachteil dieser Methode besteht darin, dass sie relativ mühsam zu schreiben ist und unnötige Leistungseinbußen mit sich bringt (sehr gering), aber in Bezug auf Kompatibilität und Einhaltung verschiedener Standards gute Leistungen erbringt. Entwickler können diesen Ansatz wählen, wenn er nicht zu problematisch ist.
Das Obige ist eine kurze Einführung und Analyse der Schreibgewohnheiten der vier gängigen Schleifenvariablendefinitionen in Javascript. Jede hat ihre eigenen Vor- und Nachteile. Leser können die beste entsprechend ihren eigenen Bedürfnissen auswählen.

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Detaillierte Erläuterung der Methode für JavaScript -Zeichenfolge und FAQ In diesem Artikel werden zwei Möglichkeiten untersucht, wie String -Zeichen in JavaScript ersetzt werden: Interner JavaScript -Code und interne HTML für Webseiten. Ersetzen Sie die Zeichenfolge im JavaScript -Code Die direkteste Möglichkeit ist die Verwendung der Ersatz () -Methode: str = str.replace ("find", "ersetzen"); Diese Methode ersetzt nur die erste Übereinstimmung. Um alle Übereinstimmungen zu ersetzen, verwenden Sie einen regulären Ausdruck und fügen Sie das globale Flag G hinzu:: STR = Str.Replace (/fi

Nutzen Sie JQuery für mühelose Webseiten -Layouts: 8 Essential Plugins JQuery vereinfacht das Webseitenlayout erheblich. In diesem Artikel werden acht leistungsstarke JQuery -Plugins hervorgehoben, die den Prozess optimieren, insbesondere nützlich für die manuelle Website -Erstellung

Hier sind Sie also bereit, alles über dieses Ding namens Ajax zu lernen. Aber was genau ist das? Der Begriff AJAX bezieht sich auf eine lose Gruppierung von Technologien, mit denen dynamische, interaktive Webinhalte erstellt werden. Der Begriff Ajax, ursprünglich von Jesse J geprägt

10 Fun JQuery Game -Plugins, um Ihre Website attraktiver zu machen und die Stickinität der Benutzer zu verbessern! Während Flash immer noch die beste Software für die Entwicklung von lässigen Webspielen ist, kann JQuery auch überraschende Effekte erzielen und zwar nicht mit reinen Action -Flash -Spielen vergleichbar sind, aber in einigen Fällen können Sie auch einen unerwarteten Spaß in Ihrem Browser haben. JQuery Tic Toe Game Die "Hello World" der Game -Programmierung hat jetzt eine Jquery -Version. Quellcode JQuery Crazy Word Kompositionsspiel Dies ist ein Spiel mit der Füllung, und es kann einige seltsame Ergebnisse erzielen, da das Wort nicht kennt. Quellcode JQuery Mine Sweeping Game

In Artikel werden JavaScript -Bibliotheken erstellt, veröffentlicht und aufrechterhalten und konzentriert sich auf Planung, Entwicklung, Testen, Dokumentation und Werbestrategien.

Dieses Tutorial zeigt, wie ein faszinierender Parallaxen -Hintergrundeffekt mit JQuery erstellt wird. Wir werden ein Header -Banner mit geschichteten Bildern bauen, die eine atemberaubende visuelle Tiefe erzeugen. Das aktualisierte Plugin funktioniert mit JQuery 1.6.4 und später. Laden Sie die herunter

Dieses Tutorial zeigt, dass dynamische Seitenfelder über AJAX geladen werden und sofortige Aktualisierung ohne vollständige Seiten -Nachladen ermöglicht werden. Es nutzt JQuery und JavaScript. Betrachten Sie es als einen benutzerdefinierten Content-Box-Loader im Facebook-Stil. Schlüsselkonzepte: Ajax und JQuery

Diese JavaScript -Bibliothek nutzt das Fenster.name -Eigenschaft, um Sitzungsdaten zu verwalten, ohne sich auf Cookies zu verlassen. Es bietet eine robuste Lösung zum Speichern und Abrufen von Sitzungsvariablen über Browser hinweg. Die Bibliothek bietet drei Kernmethoden: Sitzung
