Notions de base sur CoffeeScript

CoffeeScript C'est un langage de programmation à part entière, il nous permet d'exprimer toutes nos instructions dans sa syntaxe et puis lors de la compilation nous aurons un résultat, la particularité du cas est que ce résultat que nous obtiendrons est un nouveau fichier de code, qui s'avère être des instructions JavaScript.
Cette particularité nous amène à comprendre que CoffeeScript est une façon de programmer dans JavaScript avec une syntaxe moderne et épurée facilitant ainsi la lecture du code, mais compatible avec ce qui existe dans le monde du web puisque le fichier résultant est JavaScript Pure, le meilleur de tous est qu'il s'agit de code optimisé et qu'il respecte les meilleures pratiques, donc si nous lisons les résultats nous en obtiendrons la connaissance, améliorant ainsi notre codage dans ce dernier langage.
ExigencesPour la suite de ce tutoriel et de ses exemples nous allons avoir besoin d'une installation fonctionnelle de CoffeeScript, un éditeur de texte comme Texte sublime ou autre de la préférence de chacun, et des permissions dans notre équipe pour pouvoir exécuter le compilateur de CoffeeScript.
Le variables Ce sont des affectations que l'on fait de valeurs à des espaces mémoire et qui ont un nom unique au sein de l'exécution du programme, afin de savoir quelle valeur a cet espace. C'est l'un des concepts les plus basiques en programmation mais aussi l'un des plus puissants puisque ce sont eux qui vont nous permettre de nous aider lors de l'exécution de nos algorithmes.
L'affectation des variables dans CoffeeScript C'est très simple, on indique seulement le nom suivi d'une égalité et la valeur de ladite variable. Les noms peuvent être n'importe quel mot ou lettre suivi de chiffres ou souligne, en gardant toujours à l'esprit qu'ils sont différents des mots réservés de la langue.
Un exemple simple est le suivant :

 marqueur = 3

Nous allons exécuter cet exemple simple dans notre console CoffeeScript, pour cela nous accédons à notre console de commande et tapons coffee, voyons la réponse de la console lors de l'exécution de notre exemple :

Comme nous pouvons le voir, l'affectation affiche la valeur que nous avons appliquée à la variable, où après l'avoir appelée, sa valeur est imprimée.
Maintenant que se passe-t-il si nous voulons ajouter plusieurs variables et affecter la valeur à une variable générale, cela fonctionne de manière similaire à ce que nous venons de voir, par exemple :

 a = 2b = 3c = a + b

Si nous imprimons c nous devrions avoir comme résultat 5, voyons la réponse de la console :

Maintenant que nous comprenons comment fonctionne l'affectation des variables dans CoffeeScript Voyons ce que nous pouvons faire lorsque nous compilons, ce que nous allons faire est de créer un exemple de fichier appelé variables.café et puis nous allons le compiler, de cette façon nous obtiendrons un fichier variables.js que nous pouvons analyser. Dans variables.café nous allons placer les éléments suivants :

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

Voyons maintenant ce qui résulte de la compilation de notre fichier en tapant dans la console : coffee -c variables.coffee.

AGRANDIR

Dans l'image, nous pouvons voir le contenu du fichier variables.js, comme on le voit CoffeeScript transformé nos instructions en code JavaScript, où nous apprécions que la première chose qu'il a faite a été d'initialiser les variables à utiliser avec le mot-clé var, nous remarquons également que chaque instruction se termine par un point-virgule (c'est quelque chose qui n'est pas nécessaire dans CoffeeScript sauf si nous voulons exécuter deux instructions sur la même ligne.
Il y a des moments où il faut faire des comparaisons, et selon le résultat un code est exécuté ou non, pour cela on peut d'abord utiliser le bloc si, où l'on peut demander si une condition est remplie et si c'est le cas, l'ensemble d'instructions est exécuté.
Comment ça marche dans CoffeeScriptL'une des particularités qu'il a CoffeeScript est que nous n'avons pas besoin d'utiliser des accolades ou des parenthèses pour faire des blocs conditionnels, mais en raison de cette absence, nous devons impérativement utiliser l'indentation, c'est-à-dire que tout ce qui est contenu dans un bloc doit recevoir un espace ou une tabulation afin qu'ils soient pas au même niveau ligne.
Voyons dans cet exemple une comparaison simple :

 if true == true console.log "Nous avons fait notre premier if"

Ici on peut remarquer en premier lieu qu'il n'y a pas de parenthèses pour grouper la condition, ni les accolades pour grouper le bloc, dans le second ordre la fonction console.log pas au même niveau que l'instruction si, c'est le seul moyen qu'il a CoffeeScript à savoir que ce dernier est contenu dans le bloc conditionnel, car sinon, il serait exécuté que la condition soit remplie ou non.
Voyons un petit exemple pour démontrer tout ce que nous avons appris, dans le code suivant nous allons avoir un bloc si avec une condition et si cela est rempli une partie du code est exécutée, nous aurons une instruction qui sera exécutée quelle que soit la condition, la seule différence entre les deux instructions est que celle qui est exécutée avec la condition est indentée et la suivante l'un ne l'est pas. Nous allons créer un fichier appelé example_if.coffee et nous y inclurons les lignes de code suivantes :

 a = 5b = 3si a> b console.log "a est supérieur à b" console.log "cela est exécuté quelle que soit la condition"

Nous compilons et dans l'image suivante nous pouvons voir le fichier .js résultant :

On peut alors remarquer comment le bloc si Il regroupe avec des accolades ce qui sera exécuté lorsque la condition est remplie, en revanche, ce qui est exécuté indépendamment de celui-ci est exclu du groupe. Pour montrer que tout cela est vrai, nous allons modifier le code et nous allons également indenter la deuxième instruction, notre code serait le suivant :

 a = 5b = 3si a> b console.log "a est supérieur à b" console.log "cela est exécuté quelle que soit la condition"

Nous allons compiler une fois de plus et voir le résultat dans l'image suivante :

L'importance de l'indentation est ainsi démontrée, qui en plus de nous donner un code plus lisible, nous permet de varier le contexte d'exécution de notre programme.
Dans l'exemple précédent on a un cas particulier, c'est que si la condition n'est pas remplie, tout le reste est exécuté, mais si on veut évaluer une deuxième condition, ou simplement si la condition n'est pas remplie, exécuter autre chose puis suivre notre programme. Pour résoudre ce type de situation, nous avons les instructions autre Oui sinon si, son utilisation est très similaire à si, placez simplement la condition après le mot-clé sur la ligne suivante avec une indentation.
Voyons l'exemple de code suivant, dans lequel nous évaluerons une condition et si elle est remplie, nous imprimerons quelque chose, sinon nous ferons une impression différente et notre programme continuera :

 a = 5b = 3si a> b console.log "a est supérieur à b" sinon console.log "a n'est pas supérieur à b" console.log "Cette ligne est toujours exécutée"

Nous procédons à la compilation de notre programme et nous verrons le fichier .js résultant en l'image suivante:

Dans l'exemple suivant, nous allons évaluer une deuxième condition si la première n'est pas remplie, avec cela nous aurons déjà le plein contrôle de cet outil d'évaluation dans sa phase de base et nous verrons le fonctionnement du sinon si:

 a = 5b = 7c = 8if a> b console.log "a est supérieur à b" sinon si a> c console.log "a est supérieur à c" sinon console.log "a n'est pas supérieur à b ou c" console .log "Cette ligne est toujours exécutée"

Nous remarquons alors comment différentes conditions peuvent être évaluées et à la fin si aucune n'est remplie, exécutons un code, nous remarquons comment la compilation résultante se regroupe avec une syntaxe parfaite de JavaScript nos consignes :

Dans CoffeeScript une nouvelle façon d'évaluer est incluse et c'est avec le mot-clé à moins que, cela évalue une expression en termes de vrai ou faux, par exemple une condition pourrait être faite où nous disons "sauf si a est supérieur à b, exécutez la commande suivanteCependant, c'est un peu difficile à voir de manière théorique. Pour cela, regardons directement le code :

 a = 5b = 8sauf si a> b console.log "b est supérieur à a"

Où si nous compilons ce petit programme, cela nous donne le code suivant comme résultat JavaScript:

On voit comment on fait une évaluation sur l'expression si ce n'est pas vrai, c'est un peu complexe à assimiler à première vue, mais une fois qu'on a saisi le fil c'est une des expressions les plus utiles, surtout quand on doit faire des conditionnalités complexes .
Avec cela, nous pouvons terminer ce tutoriel des fondamentaux du développement de CoffeeScriptBien sûr, ce n'est que la pointe de l'iceberg en termes de développement avec ce langage, cependant c'est un très bon début pour que nous puissions commencer à implémenter diverses choses dans nos programmes et contourner le fait que JavaScript peut être programmé en une seule fois forme plus propre et plus lisible.