2015-07-08 11:54:37 +03:00
|
|
|
|
---
|
|
|
|
|
language: LiveScript
|
|
|
|
|
filename: learnLivescript-fr.ls
|
|
|
|
|
contributors:
|
|
|
|
|
- ["Christina Whyte", "http://github.com/kurisuwhyte/"]
|
2015-07-08 12:16:07 +03:00
|
|
|
|
translators:
|
2015-10-28 13:52:21 +03:00
|
|
|
|
- ["Morgan Bohn", "https://github.com/dotmobo"]
|
2015-07-08 11:54:37 +03:00
|
|
|
|
lang: fr-fr
|
|
|
|
|
---
|
|
|
|
|
|
2015-07-08 12:16:07 +03:00
|
|
|
|
LiveScript est un langage qui compile en JavaScript. Il a un rapport direct
|
|
|
|
|
avec JavaScript, et vous permet d'écrire du JavaScript plus simplement, plus
|
|
|
|
|
efficacement et sans répétitivité. LiveScript ajoute non seulement des
|
|
|
|
|
fonctionnalités pour écrire du code fonctionnel, mais possède aussi nombre
|
|
|
|
|
d'améliorations pour la programmation orientée objet et la programmation
|
|
|
|
|
impérative.
|
2015-07-08 11:54:37 +03:00
|
|
|
|
|
2015-07-08 12:16:07 +03:00
|
|
|
|
LiveScript est un descendant direct de [Coco][], indirect de [CoffeeScript][],
|
|
|
|
|
avec lequel il a beaucoup plus de compatibilité.
|
2015-07-08 11:54:37 +03:00
|
|
|
|
|
|
|
|
|
[Coco]: http://satyr.github.io/coco/
|
|
|
|
|
[CoffeeScript]: http://coffeescript.org/
|
|
|
|
|
|
|
|
|
|
Vous pouvez contacter l'auteur du guide original en anglais ici :
|
|
|
|
|
[@kurisuwhyte](https://twitter.com/kurisuwhyte)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
```coffeescript
|
|
|
|
|
# Comme son cousin CoffeeScript, LiveScript utilise le symbole dièse pour les
|
|
|
|
|
# commentaires sur une ligne.
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
Les commentaires sur plusieurs lignes utilisent la syntaxe du C. Utilisez-les
|
|
|
|
|
si vous voulez préserver les commentaires dans la sortie JavaScript.
|
|
|
|
|
*/
|
|
|
|
|
```
|
|
|
|
|
```coffeescript
|
|
|
|
|
# LiveScript utilise l'indentation pour délimiter les blocs de code plutôt que
|
2015-07-08 14:41:15 +03:00
|
|
|
|
# les accolades, et les espaces pour appliquer les fonctions (bien que les
|
|
|
|
|
# parenthèses soient utilisables).
|
2015-07-08 11:54:37 +03:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
########################################################################
|
|
|
|
|
## 1. Valeurs basiques
|
|
|
|
|
########################################################################
|
|
|
|
|
|
|
|
|
|
# Les valeurs non définies sont représentées par le mot clé `void` à la place de
|
|
|
|
|
# `undefined`
|
|
|
|
|
void # comme `undefined` mais plus sûr (ne peut pas être redéfini)
|
|
|
|
|
|
|
|
|
|
# Une valeur non valide est représentée par Null.
|
|
|
|
|
null
|
|
|
|
|
|
|
|
|
|
|
2015-07-08 14:41:15 +03:00
|
|
|
|
# Les booléens s'utilisent de la façon suivante:
|
2015-07-08 11:54:37 +03:00
|
|
|
|
true
|
|
|
|
|
false
|
|
|
|
|
|
|
|
|
|
# Et il existe divers alias les représentant également:
|
|
|
|
|
on; off
|
|
|
|
|
yes; no
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
# Puis viennent les nombres entiers et décimaux.
|
|
|
|
|
10
|
|
|
|
|
0.4 # Notez que le `0` est requis
|
|
|
|
|
|
|
|
|
|
# Dans un souci de lisibilité, vous pouvez utiliser les tirets bas et les
|
|
|
|
|
# suffixes sur les nombres. Il seront ignorés à la compilation.
|
|
|
|
|
12_344km
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
# Les chaînes sont des séquences immutables de caractères, comme en JS:
|
|
|
|
|
"Christina" # Les apostrophes fonctionnent également!
|
|
|
|
|
"""Multi-line
|
|
|
|
|
strings
|
|
|
|
|
are
|
|
|
|
|
okay
|
|
|
|
|
too."""
|
|
|
|
|
|
|
|
|
|
# De temps à autre, vous voulez encoder un mot clé; la notation en backslash
|
|
|
|
|
# rend cela facile:
|
|
|
|
|
\keyword # => 'keyword'
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
# Les tableaux sont des collections ordonnées de valeurs.
|
|
|
|
|
fruits =
|
|
|
|
|
* \apple
|
|
|
|
|
* \orange
|
|
|
|
|
* \pear
|
|
|
|
|
|
|
|
|
|
# Il peuvent être écrits de manière plus consises à l'aide des crochets:
|
|
|
|
|
fruits = [ \apple, \orange, \pear ]
|
|
|
|
|
|
|
|
|
|
# Vous pouvez également utiliser la syntaxe suivante, à l'aide d'espaces, pour
|
|
|
|
|
# créer votre liste de valeurs:
|
|
|
|
|
fruits = <[ apple orange pear ]>
|
|
|
|
|
|
|
|
|
|
# Vous pouvez récupérer une entrée à l'aide de son index:
|
|
|
|
|
fruits[0] # => "apple"
|
|
|
|
|
|
|
|
|
|
# Les objets sont une collection non ordonnées de paires clé/valeur, et
|
|
|
|
|
# d'autres choses (que nous verrons plus tard).
|
|
|
|
|
person =
|
|
|
|
|
name: "Christina"
|
|
|
|
|
likes:
|
|
|
|
|
* "kittens"
|
|
|
|
|
* "and other cute stuff"
|
|
|
|
|
|
|
|
|
|
# A nouveau, vous pouvez utiliser une expression plus consise à l'aide des
|
|
|
|
|
# accolades:
|
|
|
|
|
person = {name: "Christina", likes: ["kittens", "and other cute stuff"]}
|
|
|
|
|
|
|
|
|
|
# Vous pouvez récupérer une entrée via sa clé:
|
|
|
|
|
person.name # => "Christina"
|
|
|
|
|
person["name"] # => "Christina"
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
# Les expressions régulières utilisent la même syntaxe que JavaScript:
|
|
|
|
|
trailing-space = /\s$/ # les mots-composés deviennent motscomposés
|
|
|
|
|
|
|
|
|
|
# A l'exception que vous pouvez pouvez utiliser des expressions sur plusieurs
|
|
|
|
|
# lignes!
|
|
|
|
|
# (les commentaires et les espaces seront ignorés)
|
|
|
|
|
funRE = //
|
|
|
|
|
function\s+(.+) # nom
|
|
|
|
|
\s* \((.*)\) \s* # arguments
|
|
|
|
|
{ (.*) } # corps
|
|
|
|
|
//
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
########################################################################
|
|
|
|
|
## 2. Les opérations basiques
|
|
|
|
|
########################################################################
|
|
|
|
|
|
|
|
|
|
# Les opérateurs arithmétiques sont les mêmes que pour JavaScript:
|
|
|
|
|
1 + 2 # => 3
|
|
|
|
|
2 - 1 # => 1
|
|
|
|
|
2 * 3 # => 6
|
|
|
|
|
4 / 2 # => 2
|
|
|
|
|
3 % 2 # => 1
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
# Les comparaisons sont presque identiques, à l'exception que `==` équivaut au
|
|
|
|
|
# `===` de JS, là où le `==` de JS est `~=` en LiveScript, et `===` active la
|
2015-07-08 14:41:15 +03:00
|
|
|
|
# comparaison d'objets et de tableaux, ainsi que les comparaisons strictes
|
|
|
|
|
# (sans conversion de type)
|
2015-07-08 11:54:37 +03:00
|
|
|
|
2 == 2 # => true
|
|
|
|
|
2 == "2" # => false
|
|
|
|
|
2 ~= "2" # => true
|
|
|
|
|
2 === "2" # => false
|
|
|
|
|
|
|
|
|
|
[1,2,3] == [1,2,3] # => false
|
|
|
|
|
[1,2,3] === [1,2,3] # => true
|
|
|
|
|
|
|
|
|
|
+0 == -0 # => true
|
|
|
|
|
+0 === -0 # => false
|
|
|
|
|
|
|
|
|
|
# Les opérateurs suivants sont également disponibles: <, <=, > et >=
|
|
|
|
|
|
|
|
|
|
# Les valeurs logiques peuvent être combinéees grâce aux opérateurs logiques
|
|
|
|
|
# `or`, `and` et `not`
|
|
|
|
|
true and false # => false
|
|
|
|
|
false or true # => true
|
|
|
|
|
not false # => true
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
# Les collections ont également des opérateurs additionnels
|
|
|
|
|
[1, 2] ++ [3, 4] # => [1, 2, 3, 4]
|
|
|
|
|
'a' in <[ a b c ]> # => true
|
|
|
|
|
'name' of { name: 'Chris' } # => true
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
########################################################################
|
|
|
|
|
## 3. Fonctions
|
|
|
|
|
########################################################################
|
|
|
|
|
|
|
|
|
|
# Puisque LiveScript est fonctionnel, vous vous attendez à une bonne prise en
|
|
|
|
|
# charge des fonctions. En LiveScript, il est encore plus évident que les
|
|
|
|
|
# fonctions sont de premier ordre:
|
|
|
|
|
add = (left, right) -> left + right
|
|
|
|
|
add 1, 2 # => 3
|
|
|
|
|
|
2015-07-08 14:41:15 +03:00
|
|
|
|
# Les fonctions qui ne prennent pas d'arguments peuvent être appelées avec un
|
|
|
|
|
# point d'exclamation!
|
2015-07-08 11:54:37 +03:00
|
|
|
|
two = -> 2
|
|
|
|
|
two!
|
|
|
|
|
|
|
|
|
|
# LiveScript utilise l'environnement de la fonction, comme JavaScript.
|
|
|
|
|
# A l'inverse de JavaScript, le `=` fonctionne comme un opérateur de
|
2015-07-08 14:41:15 +03:00
|
|
|
|
# déclaration, et il déclarera toujours la variable située à gauche (sauf si
|
|
|
|
|
# la variable a été déclarée dans l'environnement parent).
|
2015-07-08 11:54:37 +03:00
|
|
|
|
|
|
|
|
|
# L'opérateur `:=` est disponible pour réutiliser un nom provenant de
|
|
|
|
|
# l'environnement parent.
|
|
|
|
|
|
|
|
|
|
|
2015-07-08 14:41:15 +03:00
|
|
|
|
# Vous pouvez extraire les arguments d'une fonction pour récupérer
|
2015-07-08 11:54:37 +03:00
|
|
|
|
# rapidement les valeurs qui vous intéressent dans une structure de données
|
|
|
|
|
# complexe:
|
|
|
|
|
tail = ([head, ...rest]) -> rest
|
|
|
|
|
tail [1, 2, 3] # => [2, 3]
|
|
|
|
|
|
|
|
|
|
# Vous pouvez également transformer les arguments en utilisant les opérateurs
|
2015-07-08 14:41:15 +03:00
|
|
|
|
# binaires et unaires. Définir des arguments par défaut est aussi possible.
|
2015-07-08 11:54:37 +03:00
|
|
|
|
foo = (a = 1, b = 2) -> a + b
|
|
|
|
|
foo! # => 3
|
|
|
|
|
|
|
|
|
|
# You pouvez utiliser cela pour cloner un argument en particulier pour éviter
|
|
|
|
|
# les effets secondaires. Par exemple:
|
|
|
|
|
copy = (^^target, source) ->
|
|
|
|
|
for k,v of source => target[k] = v
|
|
|
|
|
target
|
|
|
|
|
a = { a: 1 }
|
|
|
|
|
copy a, { b: 2 } # => { a: 1, b: 2 }
|
|
|
|
|
a # => { a: 1 }
|
|
|
|
|
|
|
|
|
|
|
2015-07-08 14:41:15 +03:00
|
|
|
|
# Une fonction peut être curryfiée en utilisant une longue flèche à la place
|
2015-07-08 11:54:37 +03:00
|
|
|
|
# d'une courte:
|
|
|
|
|
add = (left, right) --> left + right
|
|
|
|
|
add1 = add 1
|
|
|
|
|
add1 2 # => 3
|
|
|
|
|
|
|
|
|
|
# Les fonctions ont un argument `it` implicite si vous n'en déclarez pas:
|
|
|
|
|
identity = -> it
|
|
|
|
|
identity 1 # => 1
|
|
|
|
|
|
|
|
|
|
# Les opérateurs ne sont pas des fonctions en LiveScript, mais vous pouvez
|
|
|
|
|
# facilement les transformer en fonction:
|
|
|
|
|
divide-by-two = (/ 2)
|
2015-07-08 14:41:15 +03:00
|
|
|
|
[2, 4, 8, 16].map(divide-by-two).reduce (+)
|
2015-07-08 11:54:37 +03:00
|
|
|
|
|
|
|
|
|
# Comme dans tout bon langage fonctionnel, vous pouvez créer des fonctions
|
|
|
|
|
# composées d'autres fonctions:
|
|
|
|
|
double-minus-one = (- 1) . (* 2)
|
|
|
|
|
|
|
|
|
|
# En plus de la formule mathématique `f . g`, vous avez les opérateurs `>>`
|
2015-07-08 14:41:15 +03:00
|
|
|
|
# et `<<`, qui décrivent l'ordre d'application des fonctions composées.
|
2015-07-08 11:54:37 +03:00
|
|
|
|
double-minus-one = (* 2) >> (- 1)
|
|
|
|
|
double-minus-one = (- 1) << (* 2)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
# Pour appliquer une valeur à une fonction, vous pouvez utiliser les opérateurs
|
|
|
|
|
# `|>` et `<|`:
|
|
|
|
|
map = (f, xs) --> xs.map f
|
|
|
|
|
[1 2 3] |> map (* 2) # => [2 4 6]
|
|
|
|
|
|
2015-07-08 14:43:17 +03:00
|
|
|
|
# La version sans pipe correspond à:
|
2015-07-08 14:41:15 +03:00
|
|
|
|
((map (* 2)) [1, 2, 3])
|
|
|
|
|
|
2015-07-08 11:54:37 +03:00
|
|
|
|
# You pouvez aussi choisir où vous voulez que la valeur soit placée, en
|
|
|
|
|
# marquant la position avec un tiret bas (_):
|
|
|
|
|
reduce = (f, xs, initial) --> xs.reduce f, initial
|
|
|
|
|
[1 2 3] |> reduce (+), _, 0 # => 6
|
|
|
|
|
|
|
|
|
|
|
2015-07-08 14:41:15 +03:00
|
|
|
|
# Le tiret bas est également utilisé pour l'application partielle,
|
2015-07-08 11:54:37 +03:00
|
|
|
|
# que vous pouvez utiliser pour toute fonction:
|
|
|
|
|
div = (left, right) -> left / right
|
|
|
|
|
div-by-two = div _, 2
|
|
|
|
|
div-by-two 4 # => 2
|
|
|
|
|
|
|
|
|
|
|
2015-07-08 14:41:15 +03:00
|
|
|
|
# Pour conclure, LiveScript vous permet d'utiliser les fonctions de rappel.
|
2015-07-08 11:54:37 +03:00
|
|
|
|
# (mais vous devriez essayer des approches plus fonctionnelles, comme
|
2015-07-08 14:41:15 +03:00
|
|
|
|
# Promises).
|
|
|
|
|
# Un fonction de rappel est une fonction qui est passée en argument à une autre
|
|
|
|
|
# fonction:
|
2015-07-08 11:54:37 +03:00
|
|
|
|
readFile = (name, f) -> f name
|
|
|
|
|
a <- readFile 'foo'
|
|
|
|
|
b <- readFile 'bar'
|
|
|
|
|
console.log a + b
|
|
|
|
|
|
|
|
|
|
# Equivalent à:
|
|
|
|
|
readFile 'foo', (a) -> readFile 'bar', (b) -> console.log a + b
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
########################################################################
|
|
|
|
|
## 4. Conditionnalités
|
|
|
|
|
########################################################################
|
|
|
|
|
|
|
|
|
|
# Vous pouvez faire de la conditionnalité à l'aide de l'expression `if...else`:
|
|
|
|
|
x = if n > 0 then \positive else \negative
|
|
|
|
|
|
|
|
|
|
# A la place de `then`, vous pouvez utiliser `=>`
|
|
|
|
|
x = if n > 0 => \positive
|
|
|
|
|
else \negative
|
|
|
|
|
|
|
|
|
|
# Pour les conditions complexes, il vaut mieux utiliser l'expresssion `switch`:
|
|
|
|
|
y = {}
|
|
|
|
|
x = switch
|
|
|
|
|
| (typeof y) is \number => \number
|
|
|
|
|
| (typeof y) is \string => \string
|
|
|
|
|
| 'length' of y => \array
|
|
|
|
|
| otherwise => \object # `otherwise` et `_` correspondent.
|
|
|
|
|
|
|
|
|
|
# Le corps des fonctions, les déclarations et les assignements disposent d'un
|
|
|
|
|
# `switch` implicite, donc vous n'avez pas besoin de le réécrire:
|
|
|
|
|
take = (n, [x, ...xs]) -->
|
2015-07-08 14:41:15 +03:00
|
|
|
|
| n == 0 => []
|
|
|
|
|
| _ => [x] ++ take (n - 1), xs
|
2015-07-08 11:54:37 +03:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
########################################################################
|
|
|
|
|
## 5. Compréhensions
|
|
|
|
|
########################################################################
|
|
|
|
|
|
|
|
|
|
# Comme en python, vous allez pouvoir utiliser les listes en compréhension,
|
|
|
|
|
# ce qui permet de générer rapidement et de manière élégante une liste de
|
|
|
|
|
# valeurs:
|
|
|
|
|
oneToTwenty = [1 to 20]
|
|
|
|
|
evens = [x for x in oneToTwenty when x % 2 == 0]
|
|
|
|
|
|
|
|
|
|
# `when` et `unless` peuvent être utilisés comme des filtres.
|
|
|
|
|
|
2015-07-08 14:41:15 +03:00
|
|
|
|
# Cette technique fonctionne sur les objets de la même manière. Vous allez
|
|
|
|
|
# pouvoir générer l'ensemble de paires clé/valeur via la syntaxe suivante:
|
2015-07-08 11:54:37 +03:00
|
|
|
|
copy = { [k, v] for k, v of source }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
########################################################################
|
|
|
|
|
## 4. Programmation orientée objet
|
|
|
|
|
########################################################################
|
|
|
|
|
|
|
|
|
|
# Bien que LiveScript soit un langage fonctionnel, il dispose d'intéressants
|
|
|
|
|
# outils pour la programmation objet. La syntaxe de déclaration d'une classe
|
|
|
|
|
# est héritée de CoffeeScript:
|
|
|
|
|
class Animal
|
|
|
|
|
(@name, kind) ->
|
|
|
|
|
@kind = kind
|
|
|
|
|
action: (what) -> "*#{@name} (a #{@kind}) #{what}*"
|
|
|
|
|
|
|
|
|
|
class Cat extends Animal
|
|
|
|
|
(@name) -> super @name, 'cat'
|
|
|
|
|
purr: -> @action 'purrs'
|
|
|
|
|
|
|
|
|
|
kitten = new Cat 'Mei'
|
|
|
|
|
kitten.purr! # => "*Mei (a cat) purrs*"
|
|
|
|
|
|
|
|
|
|
# En plus de l'héritage classique, vous pouvez utiliser autant de mixins
|
2015-07-08 14:41:15 +03:00
|
|
|
|
# que vous voulez pour votre classe. Les mixins sont juste des objets:
|
2015-07-08 11:54:37 +03:00
|
|
|
|
Huggable =
|
|
|
|
|
hug: -> @action 'is hugged'
|
|
|
|
|
|
|
|
|
|
class SnugglyCat extends Cat implements Huggable
|
|
|
|
|
|
|
|
|
|
kitten = new SnugglyCat 'Purr'
|
|
|
|
|
kitten.hug! # => "*Mei (a cat) is hugged*"
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## Lectures complémentaires
|
|
|
|
|
|
|
|
|
|
Il y a beaucoup plus de choses à dire sur LiveScript, mais ce guide devrait
|
|
|
|
|
suffire pour démarrer l'écriture de petites fonctionnalités.
|
|
|
|
|
Le [site officiel](http://livescript.net/) dispose de beaucoup d'information,
|
|
|
|
|
ainsi que d'un compilateur en ligne vous permettant de tester le langage!
|
|
|
|
|
|
|
|
|
|
Jetez également un coup d'oeil à [prelude.ls](http://gkz.github.io/prelude-ls/),
|
|
|
|
|
et consultez le channel `#livescript` sur le réseau Freenode.
|