DEV Community

Cover image for Comprendre les différentes syntax pour écrire des fonctions en javascript
 Eric Le Codeur
Eric Le Codeur

Posted on

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

Enter fullscreen mode Exit fullscreen mode

"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
}

Enter fullscreen mode Exit fullscreen mode

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 
}

Enter fullscreen mode Exit fullscreen mode

Discussion (0)