Inhaltsverzeichnis[Ausblenden][Zeigen]
- 1. Verbessern Sie Ihr Grundwissen
- 2. Verwenden Sie eine objektorientierte Strategie
- 3. Nutzen Sie Funktionen, auch wenn sie klein sind
- 4. Verwenden Sie anstelle von == ===
- 5. Verwenden Sie JSLint
- 6. Skripte sollten am Ende Ihrer Seite platziert werden
- 7. Der schnellste Weg, eine Schnur zu machen
- 8. Fügen Sie Ihrem Code einen Kommentar hinzu
- 9. Verwenden Sie Vorlagenliterale
- 10. Iteratoren und for … von Schleifen
- 11. Verwenden Sie {} anstelle von new Object()
- 12. Erwägen Sie, let und const in Ihren Code einzufügen
- 13. eval() ist keine gute Idee
- 14. Der Spread-Operator ist praktisch
- 15. warten und asynchronisieren
- 16. Verwenden Sie die Includes()-Methode in Javascript
- 17. Entfernen Sie Elemente aus einem Array mit Splice
- 18. Nutzen Sie die Pfeilfunktion
- 19. Mit Destructuring können Sie schnell Variablenwerte zuweisen
- 20. Machen Sie mehrere Projekte
- Zusammenfassung
Wenn Sie sich jemals für Webentwicklung interessiert haben, sind Sie wahrscheinlich auf JavaScript gestoßen. Eine objektorientierte Programmiersprache ist JavaScript. Entwickler verwenden es, um die Client-Seite (Frontend) von Webseiten dynamisch und interaktiv zu gestalten.
Es wird auch verwendet, um Webseiten und Webanwendungen mit HTML und CSS zu erstellen. Heutzutage gibt es keine Webseite im Internet, die keinen JavaScript-Code enthält. Es ist zu einem untrennbaren Aspekt der Arbeit eines Entwicklers geworden.
Tatsächlich nimmt sie stetig zu. Obwohl JavaScript am besten für die Bereitstellung von Funktionalität für Webseiten bekannt ist, wird es auch in Nicht-JavaScript-Umgebungen eingesetzt. Node.js, Apache Couch-DB und Adobe Acrobat sind Beispiele für diese Technologien. Zum Ausführen von JavaScript enthalten die meisten modernen Webbrowser eine eingebaute JavaScript-Ausführungs-Engine. Wer ein erfolgreicher Webentwickler sein will, muss sich mit JavaScript auseinandersetzen.
Sie müssen es heute oder morgen angehen. Warum nicht JavaScript im Voraus lernen, damit Sie vorbereitet sind, wenn die Zeit gekommen ist?
Das lernen Sie in dieser Session. Es erklärt, wie Sie Ihren Webentwicklerkollegen einen Schritt voraus bleiben, indem Sie Ihr JavaScript aufpolieren.
Lassen Sie uns beginnen!
1. Verbessern Sie Ihr Grundwissen
Ich beginne mit einem wirklich grundlegenden Gedanken und einer Aussage, die Sie seit Ihrer Jugend gehört haben. Lernen Sie die Grundlagen und setzen Sie sie in die Praxis um. Oftmals werden Sie Logik mit Codierung anwenden, aber Sie werden vergessen, dass es bereits eine eingebaute Funktion dafür gibt, wie z. B. das Aufteilen eines Arrays. Wenn Sie den JavaScript-Code ausführen, können Sie einen Fehler erhalten, und infolgedessen funktionieren viele zusätzliche Funktionen nicht mehr.
Dies kann durch einen einzelnen Doppelpunkt oder Anführungszeichen verursacht werden. Diese Dinge entstehen, weil man die Grundlagen nicht versteht. Oft wird in einem einzelnen Programm eine grundlegende Schleife wie for, which oder do while verwendet. Schleifen sind eines der grundlegendsten Programmierkonstrukte.
Es ist ziemlich schwierig zu programmieren und hat sogar die Chance, für eine Firma zu arbeiten, wenn Sie mit Schleifen und anderen Grundlagen nicht vertraut sind. Es ist wichtig, Ihre Grundlagen aufzufrischen, da sie eine solide Grundlage bieten, auf der Sie die komplizierte Logik und den Ruf einer Lösung entwickeln können.
2. Verwenden Sie eine objektorientierte Strategie
Die objektorientierte Methode ist heute der bekannteste Programmieransatz. Der objektorientierte Ansatz, der mit C++ begann, hat seitdem enorm an Popularität gewonnen. Heutzutage wird nur objektorientierte Programmierung verwendet, um alle Hauptsprachen zu erstellen. Eine objektorientierte Strategie ist eine Strategie, die sich auf ein bestimmtes Objekt konzentriert.
Der Gegenstand wird dann zu einer grundlegenden Entität. Dieses Objekt wird dann verwendet, um der Seite als Grundlage Attribute und Funktionen hinzuzufügen. Sie können auch die herkömmliche Methode zum Erstellen von Code von oben nach unten ohne Funktionen oder Objekte verwenden. Dies ist viel zu umfangreich und sollte niemals versucht werden. Bei der Entwicklung von Code sollten wir einen funktionalen Ansatz verwenden, und wenn wir Funktionen verwenden, sollten wir Objekte verwenden.
Bemühen Sie sich also am Anfang, Ihren umfangreichen Code in objektorientierten Code umzuwandeln, und schreiben Sie Ihren Code immer in einem objektorientierten Stil. Wenn Sie den Code anderer Leute studieren, werden Sie sich ständig mit objektorientierten Techniken befassen. Wenn Sie JavaScript beherrschen möchten, ist es am besten, wenn Sie es in die Finger bekommen.
3. Nutzen Sie Funktionen, auch wenn sie klein sind
Programmieren mit einem funktionalen Ansatz ist ein hervorragender Weg. Wieso den? Es trennt Ihre Software in Module, die zusammen funktionieren, aber dennoch voneinander getrennt sind. Lassen Sie mich Ihnen ein Beispiel geben, damit Sie verstehen.
Der quadratische Mittelwert der ganzen Zahlen kann unter Verwendung einer Funktion berechnet werden. Dazu müssen Sie die ganzen Zahlen quadrieren, ihren Mittelwert berechnen und dann die Quadratwurzel des Mittelwerts berechnen. Es gibt drei Phasen im Prozess. Als Ergebnis können wir drei Funktionen verwenden. Aber wie Sie sehen können, sind alle diese Funktionen miteinander verbunden. Die Ausgabe von einem wird an einen anderen gesendet, und wir erhalten das endgültige Ergebnis.
Nehmen wir an, dass Sie anstelle von drei Funktionen nur eine benötigen, um den Effektivwert basierend auf mehreren Faktoren zu berechnen. Die endgültige Lösung ist, wie Sie sehen können, falsch. Zu diesem Zeitpunkt wird es für Sie ziemlich schwierig sein, festzustellen, was bei einer so großen Veranstaltung schief gelaufen ist.
Mit drei winzigen Funktionen hingegen können Sie schnell analysieren. Daher sollten Sie, selbst wenn die Funktionen bescheiden sind, sie verwenden, um verschiedene Codemodule zu definieren. Diese Technik wird Ihnen helfen, wie von Zauberhand ein JavaScript-Experte zu werden.
Sehen wir uns nun einige JavaScript-Codierungstipps an.
4. Verwenden Sie anstelle von == ===
In JavaScript gibt es zwei Arten von Gleichheitsoperatoren: strikte Gleichheitsoperatoren === und !== und nicht strenge Gleichheitsoperatoren == und !=. Beim Vergleich gilt es als Best Practice, immer exakte Gleichheit zu verwenden. Wenn Sie jedoch mit == und != arbeiten, werden Sie auf Probleme stoßen, wenn Sie mit unterschiedlichen Arten arbeiten.
Wenn die Typen der zu vergleichenden Werte unterschiedlich sind, versuchen die nicht-strikten Operatoren, ihre Werte zu erzwingen, was zu unerwarteten Ergebnissen führen kann.
5. Verwenden Sie JSLint
Douglas Crockford hat JSLint entwickelt, einen Debugger. Legen Sie einfach Ihr Skript in die Box und es wird es schnell auf Fehler oder Fehler scannen.
JSLint untersucht eine JavaScript-Quelldatei. Wenn ein Problem entdeckt wird, sendet es eine Nachricht mit einer Beschreibung des Problems und einer ungefähren Position innerhalb der Quelle. Das Problem ist nicht immer ein syntaktischer Fehler, obwohl dies häufig der Fall ist.
JSLint untersucht sowohl stilistische Normen als auch strukturelle Fragen. Dies bedeutet nicht, dass Ihre Software korrekt ist. Es fügt nur ein weiteres Paar Augen hinzu, um bei der Erkennung von Problemen zu helfen. Bevor Sie ein Skript abmelden, führen Sie es durch JSLint, um sicherzustellen, dass Sie keine Fehler begangen haben.
6. Skripte sollten am Ende Ihrer Seite platziert werden
Das primäre Ziel des Benutzers ist, dass die Seite so schnell wie möglich geladen wird. Der Browser kann das Laden eines Skripts nicht fortsetzen, bis die vollständige Datei geladen wurde. Infolgedessen muss der Benutzer länger warten, um Fortschritte zu sehen.
Wenn Sie JS-Dateien haben, die nur zur Bereitstellung von Funktionen verwendet werden (z. B. sobald eine Schaltfläche gedrückt wird), platzieren Sie sie am Ende der Seite, direkt vor dem schließenden Body-Tag. Dies ist zweifellos die beste Praxis.
7. Der schnellste Weg, eine Schnur zu machen
Wenn Sie ein Array oder Objekt durchlaufen müssen, verwenden Sie nicht immer Ihre zuverlässige for-Schleife-Anweisung. Verwenden Sie Ihre Vorstellungskraft, um die schnellste Lösung für die anstehende Aufgabe zu finden. Ich werde Ihnen keine Zahlen bringen; Sie müssen mir einfach vertrauen (oder selbst testen).
Dies ist bei weitem die schnellste Technik.
8. Fügen Sie Ihrem Code einen Kommentar hinzu
Es mag zunächst sinnlos erscheinen, aber vertrauen Sie mir, wenn ich sage, dass Sie Ihren Code so oft wie möglich kommentieren sollten. Was ist, wenn Sie Monate später zu dem Projekt zurückkehren und sich nicht mehr an Ihren ursprünglichen Gedankengang erinnern können?
Was ist, wenn Ihr Code von einem Ihrer Kollegen aktualisiert werden muss? Wichtige Bereiche Ihres Codes sollten immer kommentiert werden.
9. Verwenden Sie Vorlagenliterale
Die Beschränkungen von Zeichenfolgen, die mit doppelten oder einfachen Anführungszeichen erstellt wurden, sind zahlreich. Um die Arbeit mit ihnen viel einfacher zu machen, können Sie einige Ihrer Zeichenfolgen durch Vorlagenliterale ersetzen.
Das Backtick-Zeichen (') wird zum Erstellen von Vorlagenliteralen verwendet, was eine Reihe von Vorteilen hat. Sie können sie verwenden, um Ausdrücke zu speichern oder mehrzeilige Zeichenfolgen zu erstellen.
Wie Sie sehen können, mussten wir im Gegensatz zu einem herkömmlichen Zeichenfolgenliteral, das mit einfachen oder doppelten Anführungszeichen erstellt wurde, nicht wiederholt in unser Vorlagenliteral ein- und ausgehen. Dies minimiert die Wahrscheinlichkeit von Tippfehlern und ermöglicht es uns, saubereren Code zu schreiben.
10. Iteratoren und for … von Schleifen
Iteratoren sind Objekte in JavaScript, die die Methode next() implementieren, um ein Objekt zurückzugeben, das den nächsten Wert in einer Sequenz speichert, sowie wahr oder falsch, je nachdem, ob noch weitere Werte übrig sind. Wenn Sie also das Iteratorprotokoll implementieren, können Sie Ihre eigenen Iteratorobjekte erstellen.
Es gibt einige eingebaute Iteratoren in JavaScript, wie String, Array, Map und so weiter. Sie können for … von Schleifen verwenden, um sie zu durchlaufen. Im Vergleich zu gewöhnlichen for-Schleifen ist dies prägnanter und weniger fehleranfällig. Wir müssen nicht die vollständige Länge des Arrays oder den aktuellen Index mit einer for…of-Schleife verfolgen. Beim Entwerfen von verschachtelten Schleifen kann dies helfen, den Code zu vereinfachen.
11. Verwenden Sie {} anstelle von new Object()
In JavaScript können Sie Objekte auf verschiedene Weise erstellen. Die Verwendung des neuen Konstruktors ist, wie gezeigt, ein konventionellerer Weg. Diese Strategie wird andererseits als „schlechte Praxis“ gekennzeichnet.
Es ist nicht destruktiv, aber es ist ein wenig wortreich und einzigartig. Ich schlage stattdessen vor, die Objektliteraltechnik zu verwenden.
12. Erwägen Sie, let und const in Ihren Code einzufügen
Wir können das Schlüsselwort let verwenden, um lokale Variablen zu erstellen, die auf ihren eigenen Block beschränkt sind. Wir können das Schlüsselwort const verwenden, um lokale blockbezogene Variablen zu erstellen, die nicht geändert werden können.
Wenn Sie Variablen deklarieren, sollten Sie gegebenenfalls die Schlüsselwörter let und const verwenden. Denken Sie daran, dass das Schlüsselwort const nur die Neuzuweisung deaktiviert. Es macht die Variable auch nicht unveränderlich.
13. eval() ist keine gute Idee
Die Methode eval() ermöglicht uns, falls Sie es nicht wissen, den Zugriff auf den Compiler von JavaScript. Im Wesentlichen können wir eval verwenden, um das Ergebnis eines Strings auszuführen, indem wir es als Input () bereitstellen.
Dies verlangsamt nicht nur Ihr Skript erheblich, sondern stellt auch ein erhebliches Sicherheitsproblem dar, da es dem übergebenen Text viel zu viel Autorität verleiht. Vermeiden Sie es um jeden Preis!
14. Der Spread-Operator ist praktisch
Mussten Sie jemals alle Elemente in einem Array als einzelne Elemente an eine andere Funktion übertragen oder mussten Sie alle Werte aus einem Array in ein anderes einfügen? Genau das ermöglicht uns der Spread-Operator (…). Hier ist eine Illustration.
15. warten und asynchronisieren
Erstellen Sie asynchrone Funktionen mit dem async-Schlüsselwort, das immer entweder explizit oder implizit ein Promise zurückgibt.
Das Schlüsselwort await kann in asynchronen Funktionen verwendet werden, um die Ausführung anzuhalten, bis die Auflösung der zurückgegebenen Promises abgeschlossen ist. Außerhalb Ihrer asynchronen Funktion wird der Code weiterhin normal ausgeführt.
16. Verwenden Sie die Includes()-Methode in Javascript
In JavaScript bestimmt die Funktion include(), ob ein String die angegebenen Zeichen enthält oder ob ein Array das angegebene Element enthält.
Diese Methode gibt true zurück, wenn die Zeichenfolge oder das Element erkannt wird; andernfalls wird false zurückgegeben. Es ist erwähnenswert, dass die Strings contains()-Funktion zwischen Groß- und Kleinschreibung unterscheidet. Wenn Sie eine Zeichenfolge unabhängig von der Groß-/Kleinschreibung finden möchten, schreiben Sie einfach zuerst den Zieltext klein.
17. Entfernen Sie Elemente aus einem Array mit Splice
Um ein Element aus einem Array zu entfernen, habe ich gesehen, wie Entwickler die Löschfunktion verwendet haben. Dies ist falsch, da die delete-Methode das Objekt nicht löscht, sondern durch undefined ersetzt.
Der einfachste Weg, ein Element in Abhängigkeit von seinem Wert in JavaScript aus einem Array zu entfernen, besteht darin, die Funktion indexOf() zu verwenden, um die Indexnummer dieses Werts im Array abzurufen, und dann diesen Indexwert mit der Methode splice() zu löschen.
18. Nutzen Sie die Pfeilfunktion
Pfeilfunktionen sind ein weiteres wichtiges Feature, das gerade zu JavaScript hinzugefügt wurde.
Sie haben eine Schiffsladung von Vorteilen. Zunächst einmal machen sie die funktionalen Teile von JavaScript optisch ansprechender und einfacher zu schreiben. Die Verwendung von Pfeilfunktionen macht dies jedoch viel lesbarer und prägnanter.
19. Mit Destructuring können Sie schnell Variablenwerte zuweisen
Weiter oben in diesem Beitrag haben wir den Spread-Operator in JavaScript kennengelernt. Die Destrukturierung ähnelt der Destrukturierung insofern, als sie auch Daten entpackt, die in Arrays enthalten sind.
Der Unterschied besteht darin, dass diese entpackten Werte unterschiedlichen Variablen zugewiesen werden können. Die Syntax ist identisch mit der des []-Shortcuts beim Bilden eines Arrays. Die Klammern stehen diesmal jedoch auf der linken Seite des Zuweisungsoperators. Hier ist eine Illustration.
20. Machen Sie mehrere Projekte
Jedes Talent erfordert konsequente Übung, also versuchen Sie, eine Vielzahl von Projekten zu erstellen, um Ihre Fähigkeiten zu verbessern und Fachwissen mit einer Vielzahl von Programmierszenarien zu erwerben.
Während der Arbeit an den Projekten werden Sie einige Herausforderungen und Fehler erleben, die Ihnen das nötige Fachwissen vermitteln. Versuchen Sie also, sich Projekte auszudenken, und es gibt eine Fülle von Ideen und Beispielen im Internet, die Ihnen dabei helfen. Entwickeln Sie weiter Code und Ihre Fähigkeiten werden sich verbessern.
Zusammenfassung
Es kann schwierig sein, eine Computersprache wie JavaScript zu lernen. Wenn Sie es ernst meinen, ein guter Programmierer zu werden und sich Ihren ersten Job zu sichern, können Ihnen diese JavaScript-Lernstrategien dabei helfen, Ihren Lernprozess zu beschleunigen.
Stellen Sie sicher, dass Sie das Programmieren regelmäßig üben, sich gründliche Notizen machen, während Sie neue Ideen lernen, und alle Ihnen zur Verfügung stehenden Tools nutzen. Gehen Sie vor allem raus und beginnen Sie mit dem Programmieren, während Sie Spaß haben.
Hinterlassen Sie uns einen Kommentar