JavaScript-Jargon 10 Begriffe, die Sie kennen sollten

Von Currying zu Verschlüsse Es gibt eine ganze Reihe von JavaScript-Jargons (spezielle Wörter, die innerhalb des Feldes verwendet werden), die wissen, was Ihnen nicht nur dabei hilft, Ihren Wortschatz zu erweitern, sondern JavaScript besser zu verstehen. Jargons werden normalerweise in Dokumentationen und technischen Artikeln gefunden. Aber manche mögen es Verschlüsse sind ziemlich Standard Dinge, über die man wissen muss. Wenn Sie wissen, was das Wort selbst bedeutet, können Sie besser wissen, um welches Konzept es sich handelt.

Dieser Beitrag ist die Zusammenstellung von 10 solchen Begriffen mit ihre Bedeutung und den Kontext, in dem sie verwendet werden in JavaScript. Wenn Sie ein Anfänger sind, hat diese Liste Sie mit den Grundlagen wie behandelt Heben. Gleichzeitig sind dort auch weniger bekannte oder weniger verständliche Begriffe enthalten.

Liebe
Anonym
Schließung
Currying
Heben
Mutation
Pragma
Wächter
Vanille
Variadisch

1. Arity

Liebe (aus dem Lateinischen) ist der Begriff, der verwendet wird, um sich auf die Anzahl der Argumente oder Operanden in einer Funktion bzw. Operation zu beziehen. Sie werden dieses Wort wahrscheinlich im Bereich von JavaScript finden, wenn es verwendet wird, um das zu erwähnen Anzahl der von einer JavaScript-Funktion erwarteten Argumente.

Es gibt sogar eine Eigenschaft namens arity der Funktion Objekt, das die Anzahl der erwarteten Argumente in einer Funktion zurückgibt. Es ist jetzt veraltet und wird durch ersetzt Länge.

Die folgende Funktion hat eine Arity von 3.

Funktion getName (erster, mittlerer, letzter) return first + "+ middle +" + last;

2. anonym

Anonym ist ein Adjektiv. Wenn etwas oder jemand als anonym bezeichnet wird, bedeutet dies, dass der Name der Person oder Person unbekannt ist. Ebenso ist eine anonyme Funktion in JavaScript diejenige, die nicht durch einen Namen identifiziert wird.

(function () // body) ();

Oben ist ein IIFE (Sofort aufgerufener Funktionsausdruck). Die Funktion ist anonym, da sie keinen Namen hat. Schauen Sie sich den unten an.

var foo = function () ;

Dies wird auch als anonyme Funktion bezeichnet, da hinter dem Schlüsselwort kein Name steht Funktion.

Ein bisschen Zweifel besteht in der Korrektheit der Verwendung des Wortes “anonym”. Mit IIFE wird die Funktion sofort aufgerufen, es ist kein Name erforderlich, während die letztere Funktion als Syntax bezeichnet wird foo () wird eingesetzt.

Es ist, als hätten wir eine namenlose Funktion mit dem Namen 'foo' getauft und sie so genannt. Zählt das als anonym? Ich weiß nicht, das überlasse ich den englischen Experten. Aber abgesehen von meiner Verwirrung werden beide als anonyme Funktion bezeichnet.

3. Schließung

Hier ist eine der Definitionen aus dem Oxford-Wörterbuch für Schließung: “Eine Sache, die etwas schließt oder versiegelt, beispielsweise eine Mütze oder Krawatte.”

In JavaScript ist der Abschluss eine innere Funktion, die außerhalb des Gültigkeitsbereichs der äußeren Funktion verfügbar ist und deren Verbindung zu den Variablen der äußeren Funktion noch intakt ist.

Um Dinge zu erklären (vielleicht nicht genau, aber einfach genug), überlegen Sie Schließung als Kellner in einem Restaurant. In einer Restaurantküche passiert viel, wo wir nicht betreten oder sehen dürfen. Aber wie sollen wir dann unser Essen bekommen??

Hier kommen Kellner herein. Wir rufen sie an, bestellen das Essen und dann gehen sie in die Küche, informieren die Köche über die Bestellungen und bringen es uns, wenn die Bestellung fertig ist. Auf diese Weise haben wir keine gebrochen “Regeln” und kann immer noch eine Mahlzeit greifen.

Der Kellner ist jemand, der unsere Bestellung in die Küche nehmen und mit dem Essen zurückkehren kann. JavaScript Verschlüsse sind dem ähnlich, sie können nimm unsere Parameter und Bring uns Variablen zurück (Verweise auf diese Variablen, um genau zu sein) aus einer Funktion heraus, die uns nicht erlaubt ist.

Funktionsreihenfolge () var food; Funktionskellner (Bestellung) Chef (Bestellung); Essen zurückgeben;  Funktionschef (Bestellung) if (order === 'pasta') food = ['pasta', 'sauce', 'seasoning']; Koch();  function cook () food.push ('gekocht');  Rückkehr Kellner;  var myOrder = order (); console.log (myOrder ('pasta')); // Array ["Pasta", "Bratensoße", "Würzen", "gekocht"]

Wie Sie dem obigen Code entnehmen können, ist alles außer Bedienung und sein Rückgabewert von innerhalb der Ordnungsfunktion ist der Außenwelt nicht ausgesetzt.

4. Currying

Der Effekt, benannt nach Haskell Curry, bezieht sich auf Verwendung mehrerer Funktionen mit einzelnen Argumenten, anstelle einer einzelnen Funktion mit mehreren Argumenten. Lass uns das sehen hinzufügen Funktionen unten zum Beispiel.

Funktion addx (x) Funktion addy (y) return x + y;  return addy Funktion add (x, y) return (x + y);  console.log (addx (3) (4)); \\ 7 console.log (add (3,4)); \\ 7

Beide Funktionen liefern das gleiche Ergebnis. Die Funktion addx akzeptiert einen Parameter x während der Rückkehr addy die wiederum akzeptiert die y Wert, führt die Addition mit aus x und gibt die Summe zurück.

Die Funktion hinzufügen nimmt einfach beides x und y führt gleichzeitig die Addition durch und gibt die Summe zurück. Bisher scheint die erste Funktion nicht sehr nützlich zu sein, bis…

var add4 = addx (4); console.log (add4 (8)); // 12 console.log (add4 (6)); // 10 console.log (add4 (-74)); // - 70

Nun wird die frühere Funktion plötzlich interessant. Beim Currying können Sie immer einen Schritt in einer Folge von Operationen festlegen, z. B. das Hinzufügen von 4 aus dem obigen Code. Dies ist hilfreich, wenn eine der in der Operation verwendeten Variablen immer dieselbe ist.

5. Heben

Hoist bedeutet, etwas zu erheben. Heben in JavaScript bedeutet auch das Gleiche und was hervorgehoben wird, ist die Deklaration (Deklaration von Variablen und Funktionen).

In Deklarationen werden Variablen und Funktionen mit Schlüsselwörtern erstellt var(nicht für global) und Funktion.

Es ist egal, wo Sie den Code eingeben, um eine Funktion oder Variable zu deklarieren. Während der Auswertung werden alle Deklarationen innerhalb des Gültigkeitsbereichs nach oben verschoben (außer im strikten Modus). Daher ist es möglich, einen Arbeitscode mit dem Code für den Funktionsaufruf vor der Funktionsdeklaration zu schreiben.

var name = 'Velma'; console.log (sayCatchPhrase (Name)); // "Jinkies!" function sayCatchPhrase (name) Sätze = 'Fred Flintstone': 'Yabba dabba doo!', 'Velma': 'Jinkies!', 'Razor': 'Bingo!', 'He-Man': 'Ich habe die Macht '; Rückkehrphrasen [Name];

6. Mutation

Mutation bedeutet Veränderung oder Modifikation. Wenn Sie in JavaScript auf das Wort Mutation stoßen, bezieht sich dies wahrscheinlich auf die Änderungen, die DOM-Elemente durchlaufen haben.

Es gibt sogar eine API namens MutationObserver, um ein Auge auf die DOM-Mutationen zu haben Hinzufügen von untergeordneten Elementen oder ändert die Attribute des Elements. (In meinem Beitrag können Sie mehr über MutationObserver lesen.)

7. Pragma

Pragma ist eine Abkürzung für pragmatische Informationen. Pragmatisch ist im einfachen Englisch ein Adjektiv, das sinnvoll und praktisch bedeutet. In der Programmierung, Pragma verweist auf den Code, der nützliche Informationen enthält wie ein Compiler oder Interpreter oder Assembler das Programm verarbeiten soll.

Es trägt nichts zur Programmiersprache selbst bei und ihre Syntax kann variieren. Sie beeinflussen nur das Verhalten des Compilers. JavaScript hat auch einige Pragmas, eines davon ist streng.

"streng verwenden";

Durch das obige Pragma wird der JavaScript-Code im strikten Modus ausgeführt. Im strikten Modus ist eine falsche Syntax nicht zulässig, Heben nicht gemacht wird, werden stille Fehler angezeigt usw. Es hilft bei einen sichereren und optimierten JavaScript-Code schreiben.

8. Sentinel

Sentinels sind Soldaten, die Wache halten (Erinnern Sie sich an die von X-Men?). In der Programmierung, Wächter sind Werte, die das Ende einer Schleife oder eines Prozesses angeben. Sie können auch angerufen werden “Flaggen”.

Sie können einen beliebigen Wert als Wert verwenden Wächter. Hier ist ein Beispiel von Wächter in JavaScript verwendet; das Index von Diese Methode gibt -1 (den Sentinel-Wert) zurück, wenn der Suchwert nicht in der Zielzeichenfolge gefunden wird. Nachfolgend finden Sie eine Funktion, die die Position eines Array-Werts zurückgibt. Wenn kein Wert gefunden wird, wird -1 zurückgegeben.

Funktion getPos (ary, val) var i = 0, len = ary.length; für (; i 9. Vanille
 Ich denke, dass jeder erste Eisgeschmack Vanille gewesen sein muss. Ich denke auch, dass das nicht nur in Eiscreme, sondern in so ziemlich jeder süßen Vanille-Art entstanden ist das Standardgeschmack. Ich habe schon einige Kuchenrezepte gesehen, bei denen mindestens ein Tropfen davon in die Mischung gegeben wird - nur um den Geschmack zu erhöhen.
 Und das ist was Vanille ist ein traditioneller Standardgeschmack. Vanille JavaScript bezieht sich auf das Standard-JavaScript - kein Framework. Vanille wird nicht nur zur Beschreibung der Standardversion von JavaScript verwendet, sondern auch für andere Sprachen wie CSS.
 10. Variadisch
 Variadisch ist ein Adjektiv, das durch Verbinden erstellt wird “Variable” und “Adicity”. “Adicity” ist aus dem Altgriechischen, mit einer Bedeutung, die mit dem lateinischen Wort identisch ist “Liebe” (Punkt 1 in dieser Liste). Also der Begriff variadisch wird benutzt um drücken Sie etwas aus, das eine variable Anzahl von Argumenten hat.
 In JavaScript a variadisch Funktion akzeptiert eine beliebige Anzahl von Argumenten. Es kann mit erstellt werden Argumente Eigentum, sich bewerben Methode und seit ES6 der Spread-Operator. Unten sehen Sie ein Beispiel mit einem Spread-Operator.
 Funktionstest (… a) console.log (a);  test ('a', 'b', 'c', 8, [56, -89]); // Ausgabe ist Array ["a", "b", "c", 8, Array [2]]