Comprendre les différentes syntax pour écrire des fonctions en javascript
Eric Le Codeur
Posted on June 30, 2021
Si vous désirez plus de contenu francophone comme celui-ci, cliquer Follow ou suivez-moi sur Twitter
Fonctions
Une fonction est un morceau de code que nous pouvons réutiliser à plusieurs reprisent dans notre code.
function displayHello() {
console.log('Hello World')
}
// La fonction peut être invoquée (exécutée)
displayHello() // 'Hello World'
// Des données peuvent être transmises à la fonction
function display(greeting) {
console.log(greeting)
}
// Invocation d'une fonction avec donnée passée en paramètre
display('Hello World') // 'Hello World'
// Une fonction peut retourner une valeur
function sumNumber(number1, number2) {
return number1 + number2
}
console.log(sumNumber(10, 5)) // 15
"Function declaration" vs "function expression"
// Function declaration (peut être appelée avant la déclaration)
function displayGreeting(greeting) {
return 'Hello ' + greeting
}
// Function expression (peut être utilisé dans le code à la place de l'expression)
const displayGreeting = function (greeting) {
return 'Hello ' + greeting
}
Arrow Function
// Fonction abrégée
// 1. Supprimer le mot-clé function()
// 2. Supprimer les accolades {}
// 3. Supprimer le mot-clé Return
// 4. Ajouter => entre les paramètres et le corps de la fonction
// Avec plusieurs paramètres
const addNumber = (number1, number2) => number1 + number2
// Avec aucun paramètre
const displayGreeting = () => 'Hello World'
// Arrow Function multi-lignes
// Utiliser les accolades et le mot-clé Return
const displayGreeting = (greeting) => {
console.log('Hello World')
console.log('Hello Mike')
return true
}
💖 💪 🙅 🚩
Eric Le Codeur
Posted on June 30, 2021
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.