CoffeeScript-Grundlagen

KaffeeScript Es ist eine vollwertige Programmiersprache, die es uns ermöglicht, alle unsere Anweisungen in ihrer Syntax auszudrücken und dann beim Kompilieren ein Ergebnis zu erhalten. Das Besondere an dem Fall ist, dass dieses Ergebnis, das wir erhalten, eine neue Codedatei ist, was sich als Anleitung herausstellt JavaScript.
Diese Besonderheit lässt uns verstehen, dass KaffeeScript ist eine Art der Programmierung in JavaScript mit einer modernen und sauberen Syntax, die das Lesen des Codes erleichtert, aber kompatibel mit dem, was in der Webwelt existiert, da die resultierende Datei JavaScript Das Beste von allem ist, dass es sich um optimierten Code handelt und dass er den Best Practices entspricht. Wenn wir also die Ergebnisse lesen, erhalten wir Kenntnisse darüber und verbessern so unsere Codierung in dieser letzten Sprache.
AnforderungenFür die Fortsetzung dieses Tutorials und seiner Beispiele benötigen wir eine funktionsfähige Installation von KaffeeScript, ein Texteditor wie Erhabener Text oder eine andere der Präferenzen jedes einzelnen und Berechtigungen in unserem Team, um den Compiler von . ausführen zu können KaffeeScript.
Das Variablen Es sind Zuweisungen, die wir von Werten an Speicherräume vornehmen und die innerhalb der Ausführung des Programms einen eindeutigen Namen haben, um zu wissen, welchen Wert dieser Raum hat. Es ist eines der grundlegendsten Konzepte in der Programmierung, aber auch eines der mächtigsten, da es uns ermöglicht, uns bei der Ausführung unserer Algorithmen selbst zu helfen.
Die Zuweisung von Variablen in KaffeeScript Es ist sehr einfach, wir geben nur den Namen gefolgt von einer Gleichheit und dem Wert der Variablen an. Namen können ein beliebiges Wort oder jeder Buchstabe sein, gefolgt von Zahlen oder unterstreicht, immer daran denkend, dass sie sich von den reservierten Wörtern der Sprache unterscheiden.
Ein einfaches Beispiel ist folgendes:

 Markierung = 3

Wir werden dieses einfache Beispiel in unserer CoffeeScript-Konsole ausführen, dafür greifen wir auf unsere Befehlskonsole zu und geben Kaffee ein. Sehen wir uns die Antwort der Konsole bei der Ausführung unseres Beispiels an:

Wie wir sehen, gibt die Zuweisung den Wert zurück, den wir auf die Variable angewendet haben, und nach dem Aufrufen wird ihr Wert ausgegeben.
Was passiert nun, wenn wir mehrere Variablen hinzufügen und den Wert einer allgemeinen Variablen zuweisen möchten, funktioniert dies ähnlich wie wir es gerade gesehen haben, zum Beispiel:

 a = 2b = 3c = a + b

Wenn wir drucken C Wir sollten als Ergebnis 5 haben, sehen wir uns die Antwort von der Konsole an:

Jetzt, da wir verstehen, wie die Variablenzuweisung funktioniert in KaffeeScript Sehen wir uns an, was wir beim Kompilieren tun können. Wir erstellen eine Beispieldatei namens variablen.kaffee und dann werden wir es kompilieren, auf diese Weise erhalten wir eine Datei Variablen.js die wir analysieren können. In variablen.kaffee wir werden folgendes platzieren:

 a = 3 * 2b = 2c = a * bd = c - 1

Sehen wir uns nun an, was sich beim Kompilieren unserer Datei durch Eingabe in die Konsole ergibt: coffee -c variables.coffee.

VERGRÖSSERN

Im Bild sehen wir den Inhalt der Datei Variablen.js, wie wir sehen KaffeeScript verwandelte unsere Anweisungen in Code JavaScript, wo wir anerkennen, dass er als erstes die zu verwendenden Variablen mit dem Schlüsselwort initialisiert hat var, wir bemerken auch, dass jede Anweisung mit einem Semikolon endet (dies ist etwas, das in nicht notwendig ist). KaffeeScript es sei denn, wir möchten zwei Anweisungen in derselben Zeile ausführen.
Manchmal müssen wir Vergleiche anstellen und je nach Ergebnis wird ein Code ausgeführt oder nicht, dafür können wir zuerst den Block verwenden Wenn, wo wir fragen können, ob eine Bedingung erfüllt ist und wenn ja, wird die Anweisung ausgeführt.
So funktioniert es in CoffeeScriptEine der Besonderheiten, die es hat KaffeeScript ist, dass wir keine geschweiften Klammern oder Klammern verwenden müssen, um bedingte Blöcke zu erstellen, aber aufgrund dieser Abwesenheit müssen wir unbedingt Einrückungen verwenden, d nicht auf der gleichen Niveaulinie.
Sehen wir uns in diesem Beispiel einen einfachen Vergleich an:

 if true == true console.log "Wir haben unser erstes if gemacht"

Hier können wir erstens feststellen, dass es keine Klammern gibt, um die Bedingung zu gruppieren, und auch keine geschweiften Klammern, um den Block zu gruppieren, in zweiter Ordnung die Funktion Konsole.log nicht auf dem gleichen Niveau wie Anweisung Wenn, es ist der einzige Weg, den es hat KaffeeScript zu wissen, dass letzterer im Bedingungsblock enthalten ist, da er andernfalls unabhängig davon ausgeführt würde, ob die Bedingung erfüllt ist oder nicht.
Sehen wir uns ein kleines Beispiel an, um alles zu demonstrieren, was wir gelernt haben. Im folgenden Code werden wir einen Block haben Wenn mit einer Bedingung und wenn diese erfüllt ist, wird ein Teil des Codes ausgeführt, wir haben eine Anweisung, die unabhängig von der Bedingung ausgeführt wird, der einzige Unterschied zwischen beiden Anweisungen besteht darin, dass die mit der Bedingung ausgeführte eingerückt ist und die nächste eine ist es nicht Wir werden eine Datei namens example_if.coffee erstellen und darin die folgenden Codezeilen einfügen:

 a = 5b = 3if a> b console.log "a ist größer als b" console.log "dies wird unabhängig von der Bedingung ausgeführt"

Wir kompilieren und im folgenden Bild sehen wir die Datei .js Ergebnis:

Wir können dann feststellen, wie der Block Wenn Es gruppiert mit geschweiften Klammern, was ausgeführt wird, wenn die Bedingung erfüllt ist, andererseits wird das, was unabhängig davon ausgeführt wird, aus der Gruppe gelassen. Um zu zeigen, dass all dies wahr ist, werden wir den Code ändern und auch die zweite Anweisung einrücken. Unser Code wäre wie folgt:

 a = 5b = 3if a> b console.log "a ist größer als b" console.log "dies wird unabhängig von der Bedingung ausgeführt"

Wir kompilieren noch einmal und sehen das Ergebnis im folgenden Bild:

Damit wird die Bedeutung der Einrückung demonstriert, die uns nicht nur einen besser lesbaren Code gibt, sondern es uns auch ermöglicht, den Kontext der Ausführung unseres Programms zu variieren.
Im vorherigen Beispiel haben wir einen speziellen Fall, nämlich dass wenn die Bedingung nicht erfüllt ist, alles andere ausgeführt wird, aber wenn wir eine zweite Bedingung auswerten wollen oder einfach wenn die Bedingung nicht erfüllt ist, etwas anderes ausführen und dann folgen unser Programm. Um diese Art von Situation zu lösen, haben wir die Anweisungen anders Ja sonst wenn, seine Verwendung ist sehr ähnlich zu Wenn, platzieren Sie die Bedingung einfach hinter dem Schlüsselwort in der nächsten Zeile mit einer Einrückung.
Sehen wir uns den folgenden Beispielcode an, in dem wir eine Bedingung auswerten und wenn sie erfüllt ist, etwas ausgeben, andernfalls machen wir einen anderen Druck und dann wird unser Programm fortgesetzt:

 a = 5b = 3if a> b console.log "a ist größer als b" else console.log "a ist nicht größer als b" console.log "Diese Zeile wird immer ausgeführt"

Wir fahren damit fort, unser Programm zu kompilieren und wir werden die Datei sehen .js was zu folgendem Bild führt:

Im folgenden Beispiel werten wir eine zweite Bedingung aus, wenn die erste nicht erfüllt ist, damit haben wir bereits in der Grundphase die volle Kontrolle über dieses Bewertungstool und sehen die Funktionsweise des sonst wenn:

 a = 5b = 7c = 8if a> b console.log "a ist größer als b" else if a> c console.log "a ist größer als c" else console.log "a ist nicht größer als b oder c" console .log "Diese Zeile wird immer ausgeführt"

Wir bemerken dann, wie verschiedene Bedingungen ausgewertet werden können und am Ende, wenn keine erfüllt ist, führen wir einen Code aus, wir bemerken, wie sich die resultierende Kompilierung zusammen mit einer perfekten Syntax von . gruppiert JavaScript unsere Anleitung:

In KaffeeScript eine neue Art der Auswertung ist enthalten und zwar mit dem Schlüsselwort es sei denn, dies wertet einen Ausdruck in Bezug auf wahr oder falsch aus, zum Beispiel könnte eine Bedingung gemacht werden, bei der wir sagen "es sei denn, a ist größer als b, führe Folgendes aus:Theoretisch ist dies jedoch etwas schwer zu erkennen, schauen wir uns dazu den Code direkt an:

 a = 5b = 8 außer a> b console.log "b ist größer als a"

Wenn wir dieses kleine Programm kompilieren, erhalten wir als Ergebnis den folgenden Code JavaScript:

Wir sehen, wie wir den Ausdruck bewerten, wenn er nicht wahr ist, es ist auf den ersten Blick etwas komplex, ihn zu assimilieren, aber wenn wir den Faden verstanden haben, ist er einer der nützlichsten Ausdrücke, insbesondere wenn wir komplexe Bedingungen machen müssen .
Damit können wir dieses Tutorial über die Grundlagen der Entwicklung von beenden KaffeeScriptDas ist natürlich nur die Spitze des Eisbergs in Bezug auf die Entwicklung mit dieser Sprache, aber es ist ein sehr guter Anfang, um verschiedene Dinge in unseren Programmen zu implementieren und die Tatsache zu umgehen, dass JavaScript in einem Rutsch programmiert werden kann - sauberere und lesbarere Form.