Comprendre les différentes syntax pour écrire des fonctions en javascript

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 
}