Top 10 JavaScript Abkürzungen für Anfänger

JavaScript-Abkürzungen beschleunigen nicht nur den Kodiervorgang, sondern verkürzen auch Skripte, führen also zu schnelleres Laden der Seite. Abkürzungscodes sind genauso gültig wie ihre Langschriftversionen; sie im Wesentlichen für dasselbe stehen-nur in einem kompakteren Format. Sie sind eine der einfachsten Techniken zur Codeoptimierung.

Es gibt mehrere JavaScript-Abkürzungen, jedoch diese Ich habe kein offizielles Nachschlagewerk. Einige sind wirklich einfach, während andere sogar für erfahrene Entwickler einschüchternd sind. In diesem Artikel können Sie finden 10 JavaScript-Abkürzungen für Anfänger mit denen Sie mit der Code-Optimierung beginnen und prägnanteren Code schreiben können.

1. Dezimalzahlen

Wenn Sie regelmäßig Arbeit mit großen Dezimalzahlen Diese Abkürzung kann ein Glücksfall sein, da Sie nicht mehr alle Nullen eingeben müssen, sondern ersetzen Sie sie durch die e Notation. Zum Beispiel, 1e8 bedeutet das Hinzufügen von acht Nullen nach dem 1 Ziffer entspricht es 100000000.

Die Nummer nach dem Buchstaben e gibt die Anzahl der Nullen an das kommt nach den Ziffern vor e. Gleichfalls, 16e4 ist die Abkürzung für 160000, usw.

 / * Abkürzung * / var myVar = 1e8; / * Longhand * / var myVar = 100000000;

2. Inkrement, Dekrement

Das Erhöhen Sie die Kurzschreibweise besteht aus zwei + Zeichen bedeutet, dass der Wert einer Variablen sein soll um eins erhöht. Ebenso die Dekrement Abkürzung besteht aus zwei - Zeichen, und es bedeutet, dass die Variable sein soll um eins erniedrigt.

Diese beiden Abkürzungen können verwendet werden nur bei numerischen Datentypen. Sie haben eine unverzichtbare Rolle in Schleifen, ihr häufigster Anwendungsfall ist der zum Schleife.

 / * Abkürzung * / i ++; j--; / * Longhand * / i = i + 1; j = j-1;

3. Addieren, Ablenken, Multiplizieren, Dividieren

Es gibt eine Abkürzung für jeden vier grundlegende mathematische Operationen: Addition, Ablenkung, Multiplikation und Division. Sie arbeiten ähnlich wie die Inkrement- und Dekrement-Operatoren. Nur hier können Sie den Wert einer Variablen ändern um eine beliebige Anzahl (nicht nur von einem).

Im folgenden Beispiel wird der ich Variable wird um inkrementiert 5, j wird von dekrementiert 3, k wird mit multipliziert 10, und l wird durch geteilt 2.

 / * Abkürzung * / i + = 5; j- = 3; k * = 10; l / = 2; / * Longhand * / i = i + 5; j = j-3; k = k * 10; l = l / 2;

4. Bestimmen Sie die Zeichenposition

Das charAt () Methode ist eine der am häufigsten verwendeten String-Methoden Zeichen an einer bestimmten Position (zum Beispiel die 5^th Zeichen einer Zeichenfolge). Sie können stattdessen eine einfache Abkürzung verwenden: Sie fügen die hinzu Zeichenposition in eckigen Klammern nach der Saite.

Achten Sie darauf, dass die charAt () Methode ist nullbasiert. Deshalb, myString [4] wird die 5 zurückgeben^th Zeichen in der Zeichenfolge ("y" im Beispiel).

 var myString = "Herzlichen Glückwunsch zum Geburtstag"; / * Abkürzung * / myString [4]; / * Longhand * / myString.charAt (4);

5. Deklarieren Sie Variablen in großen Mengen

Wenn du erstellen möchtest mehr als eine Variable gleichzeitig Sie müssen sie nicht einzeln eingeben. Es reicht aus, das zu verwenden var (oder Lassen) Stichwort nur einmal, Dann können Sie einfach die Variablen auflisten, die Sie erstellen möchten, durch ein Komma getrennt.

Mit dieser Abkürzung können Sie beide deklarieren undefinierte Variablen und Variablen mit einem Wert.

 / * Abkürzung * / var i, j = 5, k = "Guten Morgen", l, m = false; / * Longhand * / var i; var j = 5; var k = "Guten Morgen"; var l; var m = falsch;

6. Deklarieren Sie ein assoziatives Array

Das Deklarieren eines Arrays in JavaScript ist eine relativ einfache Aufgabe var myArray = ["Apfel", "Birne", "Orange"] Syntax. jedoch, ein assoziatives Array deklarieren ist etwas komplizierter, da hier nicht nur die Werte definiert werden müssen, sondern auch die Keys (bei regulären Arrays die Keys) 0, 1, 2, 3 usw.).

Ein assoziatives Array ist a Sammlung von Schlüssel-Wert-Paaren. Der lange Weg ist, das Array zu deklarieren und dann jedes Element einzeln hinzuzufügen. Mit der Abkürzung unten können Sie jedoch auch deklarieren Sie das assoziative Array Plus alle seine elemente zur selben Zeit.

Im folgenden Beispiel wird der myArray Assoziatives Array weist berühmten Personen (Schlüssel) ihren Geburtsort (Werte) zu.

 / * Kurzbeschreibung * / var myArray = "Grace Kelly": "Philadelphia", "Clint Eastwood": "San Francisco", "Humphrey Bogart": "New York City", "Sophia Loren": "Rom", "Ingrid Bergman ":" Stockholm " / * Longhand * / var myArray = new Array (); myArray ["Grace Kelly"] = "Philadelphia"; myArray ["Clint Eastwood"] = "San Francisco"; myArray ["Humphrey Bogart"] = "New York City"; myArray ["Sophia Loren"] = "Rom"; myArray ["Ingrid Bergman"] = "Stockholm";

7. Deklarieren Sie ein Objekt

Die Abkürzung für Objektdeklaration funktioniert ähnlich wie bei assoziativen Arrays. Hier gibt es jedoch keine Schlüssel-Wert-Paare Eigenschaft-Wert-Paare dass Sie zwischen den Zahnspangen platzieren müssen .

Der einzige Unterschied in der Abkürzungssyntax ist das Objekteigenschaften werden nicht in Anführungszeichen gesetzt (Name, Geburtsort, Alter, wasJamesBond im Beispiel unten).

 / * Abkürzung * / var myObj = Name: "Sean Connery", placeOfBirth: "Edinburgh", Alter: 86, wasJamesBond: true; / * Longhand * / var myObj = neues Objekt (); myObj.name = "Sean Connery"; myObj.placeOfBirth = "Edinburgh"; myObj.age = 86; myObj.wasJamesBond = true;

8. Verwenden Sie den bedingten Operator

Das bedingter (ternärer) Operator wird häufig als verwendet Abkürzung für die ansonsten Aussage. Es besteht aus drei Teile:

das Bedingung
was passiert wenn der Bedingung ist wahr (ob)
was passiert wenn der Bedingung ist falsch (sonst)

Im folgenden Beispiel senden wir eine einfache Nachricht (in der Botschaft Variable) für Personen, die einen Club betreten möchten. Mit der Abkürzungsform ist es nur eine Codezeile Führen Sie die Auswertung aus.

 Alterung = 17; / * Abkürzung * / var message = age> = 18? "Erlaubt": "Abgelehnt"; / * Longhand * / if (Alter> = 18) var message = "Zulässig";  else var message = "Denied";

Wenn du es einfach testen willst Kopieren Sie den Code in die Webkonsole (F12 in den meisten Browsern) und ändern Sie den Wert von Alter mehrmals variabel.

9. Anwesenheit prüfen

Es kommt häufig vor, dass Sie prüfen müssen, ob eine Variable ist vorhanden oder nicht. Das “wenn Anwesenheit” Stenografie hilft Ihnen dabei, mit viel weniger Code.

Beachten Sie, dass die meisten Artikel zu JavaScript - Kurzbeschreibungen nicht die richtige Langschriftform angeben, da die if (myVar) Notation prüft nicht einfach, ob die Variable nicht falsch ist, sondern auch eine Handvoll anderer Dinge. Nämlich die Variable kann nicht undefiniert, leer, null und falsch sein.

 var myVar = 99; / * Abkürzung * / if (myVar) console.log ("Die myVar-Variable ist definiert UND ist nicht leer UND nicht null und nicht falsch.");  / * Longhand * / if (typeof myVar! == "undefined" && myVar! == "" && myVar! == null && myVar! == 0 && myVar! == false) console.log ("Der myVar Variable ist definiert UND ist nicht leer UND nicht null UND nicht falsch. ");

Sie können testen wie “wenn Anwesenheit” Abkürzung funktioniert durch Einfügen des folgenden Code-Snippets in die Webkonsole und den Wert von ändern myVar ein paar Male.

Um zu verstehen, wie diese Abkürzung funktioniert, sollten Sie sie mit den Werten von testen "" (leerer String), falsch, 0, wahr, eine nicht leere Zeichenfolge (z. "Hallo"), eine Zahl (z. 99) und wenn die Variable undefiniert ist (einfach var myVar;).

10. Abwesenheit prüfen

Das “wenn Anwesenheit” Abkürzung kann verwendet werden Überprüfen Sie das Fehlen einer Variablen durch platzieren ein Ausrufezeichen davor. Das Ausrufezeichen ist das logisch nicht Operator in JavaScript (und in den meisten Programmiersprachen).

Deshalb mit der wenn (! myVar) Notation, können Sie überprüfen, ob die myVar Variable ist nicht undefiniert, leer, null oder falsch.

 var myVar; / * Abkürzung * / if (! MyVar) console.warn ("Die Variable myVar ist undefined (OR) leer (OR) null (OR) false.");  / * Longhand * / if (Typ von myVar === "undefined" || myVar === "" || myVar === null || myVar === 0 || myVar === false) console.warn ("Die Variable myVar ist undefined (OR) leer (OR) null (OR) false).");