Les fonctions

En programmation, on utlise beaucoup de fonctions. À terme, vous devrez essayer d'en utiliser le maximum. En JavaScript, il est même possible (et préférable) ne l'utiliser que des fonctions qui s'appellent entre elles.

C'est quoi une fonction ?

Une fonction, c'est un bloc de code générique que l'on peut réutiliser autant que nécessaire.

Une fonction a un nom, prend des paramètres, effectue un traitement et renvoie ou non une valeur.

function nomDeLaFonction(parametre1, parametre2, ..., parametreN)
{
	// le traitement qui peut être à peu près n'importe quoi

	return valeurDeRetour;
}

On l'appelle par son nom en lui passant les paramètres qui nous interessent, on peut stocker sa valeur de retour dans une variable.

let value = nomDeLaFonction(parametre1, parametre2, ..., parametreN);

Exemples pratiques

avec une valeur de retour

function computeAverage(values)
{
	let average = 0;
	let sum = 0;

	for(value of values)
	{
		sum = sum + value;
	}

	average = sum / values.length;

	return average;
}

sans valeur de retour

function printArray(array)
{
	for(let i = 0; i < array.length; i++)
	{
		console.log(array[i]);
	}
}

let animals = ["Dog", "Cat", "Owl"];

printArray(animals);

La factorisation et le principe DRY

En programmation, on vise par principe un code propre et élégant. Un des principes fondamentaux du code propre est le principe DRY (Don't Repeat Yourself).

Dans l'exemple suivant je veux calculer les prix TTC de mes produits, certains ont une TVA à 20% (prices20) d'autres à 10% (prices10) :

let prices20 = [12, 34, 56, 78];
let prices10 = [27, 34, 45, 42];

for(let i = 0; i < prices20.length; i++)
{
	prices20[i] = prices20[i] * 1.2;
}

for(let i = 0; i < prices10.length; i++)
{
	prices10[i] = prices10[i] * 1.1;
}

Nos deux boucles for se ressemblent beaucoup, nous allons donc essayer de factoriser ça au moyen d'une fonction.

function computeVat(prices, vat)
{
	for(price of prices)
	{
		price = price * vat;
	}
}

let prices20 = [12, 34, 56, 78];
let prices10 = [27, 34, 45, 42];

computeVat(prices20, 1.2);
computeVat(prices10, 1.1);

Les valeurs par défaut

Vous pouvez spécifier des valeurs par défaut à un ou plusieurs paramètres d'une fonction. Reprenons notre fonction du calcul de TVA :

function computeVat(prices, vat = 1.2)
{
	for(price of prices)
	{
		price = price * vat;
	}
}

let prices20 = [12, 34, 56, 78];
let prices10 = [27, 34, 45, 42];

computeVat(prices20);
computeVat(prices10, 1.1);

22 December 2025